@charset "utf-8";
/* CSS Document */
body{margin:0; padding:0; color:#333; background:#fff; }
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,fieldset,legend,button,input,textarea{margin:0;padding:0; }
ul,li,ol{list-style:none;}
a{text-decoration:none; color:#333;cursor: pointer;}
a:hover{text-decoration:none; color: #d20200;}
input,textarea,select,button{font-family:Arial,"Microsoft YaHei";}
input:focus,textarea:focus,select:focus,button:focus{ outline:none;}
::-moz-selection {background:#aaa;color:#FFF;}
::selection {background: #aaa;color: #FFF;}
img{border:0}
.clear {zoom: 1;clear:both; }
.clear:after {content: ''; display: block; clear: both; }
table{width: 100%; border-collapse:collapse;}
table tr,table td{max-width: 100%; border: solid 1px #eee; }
.fl{float:left;}
.fr{float:right;}
input,textarea,select{font-family:"Microsoft YaHei"; font-size:12px;}
input:focus,textarea:focus,select:focus{ outline:none;}
@font-face {font-family:'BebasNeue-Regular'; src: url('../fonts/BebasNeue-Regular-3.ttf'); }

@font-face {
	font-family:Impact;
	src: url('../fonts/impact_0.ttf'); }

@font-face {
	font-family:Impact1;
	src: url('../fonts/BebasNeue-Regular-3.ttf'); }


.scrollbar::-webkit-scrollbar{ width:6px; background:#f4f4f4; }/* 滚动条整体部分 */
.scrollbar::-webkit-scrollbar-button{ display:none;}/*  滚动条两端的按钮 */
.scrollbar::-webkit-scrollbar-track{ display:none;}/*  外层轨道 */
.scrollbar::-webkit-scrollbar-track-piece{ display:none;}/*  内层轨道 */
.scrollbar::-webkit-scrollbar-thumb{ background:#342c2a;}/*  滚动条里面可以拖动的那部分 */
.scrollbar::-webkit-scrollbar-corner{display:none;}/* 边角 */
.scrollbar::-webkit-resizer{display:none;}/*  定义右下角拖动块的样式 */

.iconT{display: flex;align-items: center;text-align: center;justify-content: center;}

.c1200{ width: 1250px; margin:0 auto;}
.wrap{width: 1250px;margin: 0 auto;}

.chevron{width: 36px;height: 52px;position:absolute;left:50%;bottom:60px;z-index:20;text-align:center;transform:translateX(-50%);cursor: pointer;padding:0 10px;animation: pul 2s infinite;}
.chevron a{width: 32px;height: 48px;display: block;border: 2px solid #fff;border-radius: 18px;position: relative;}
.chevron a::after{content: '';width: 6px;height: 12px;background-color: #d20200;border-radius: 3px;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
@-webkit-keyframes pul{ 0%{-webkit-transform: translate(0, 0);transform: translate(0, 0);} 50%{-webkit-transform: translate(0, 10px);transform: translate(0, 10px);} 100%{-webkit-transform: translate(0, 0); transform: translate(0, 0);} }
@keyframes pul{ 0%{-webkit-transform: translate(0, 0); transform: translate(0, 0);} 50%{-webkit-transform: translate(0, 10px); transform: translate(0, 10px);} 100%{-webkit-transform: translate(0, 0); transform: translate(0, 0);} }

/*menuBox*/
.menuBox{width: 100%;height: 100%;background-color: #FFFFFF;position: fixed;top: 0;right: -100%;z-index: 9999;transition: all 0.8s ease;}
.menuBox::after{content:'';width: 1px;height: 100%;background-color: #e0e0e0;position: absolute;top: 0;left: 50%;transform: translateX(-50%);}
.menuBox .box{width: 94%;margin: 0 auto;min-width: 1150px;padding: 40px 0 0;position: relative;z-index: 9;}
.menuBox .box .logo{float: left;}
.menuBox .box .logo img{height: 42px;display: block;}
.menuBox .box .close{float: right;font-size: 16px;line-height: 50px;color: #333;position: relative;padding-right: 60px;cursor: pointer;transition: all 0.6s ease;}
.menuBox .box .close .iconfont{width: 50px;height: 50px;background-color: #333;color: #FFFFFF;font-size: 20px;position: absolute;top: 0;right: 0;border-radius: 50%;transition: all 0.6s ease;}
.menuBox .box .close:hover{color: #d20200;}
.menuBox .box .close:hover .iconfont{background-color: #d20200;transform: rotate(360deg);}
.menuBox .menuNav{width: 50%;height: 100%;position: absolute;top: 0;left: 0;}
.menuBox .menuNav ul{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.menuBox .menuNav ul li{margin: 18% 0;}
.menuBox .menuNav ul li a{font-size: 30px;color: #333; text-transform: uppercase;}
.menuBox .menuNav ul li a span{ font-size: 30px; color: #333; font-family:'Avignon';}
.menuBox .menuNav ul li:hover a,.menuBox .menuNav ul li#select a,.menuBox .menuNav ul li:hover a span,.menuBox .menuNav ul li#select a span{color: #d20200;}
.menuBox .menuContact{width: 50%;height: 100%;position: absolute;top: 0;right: 0;}
.menuBox .menuContact .img{width: 160px;height: 160px;margin-bottom: 100px;}
.menuBox .menuContact .img img{width: 100%;box-shadow: 0 0 16px rgba(0,0,0,0.08);-webkit-box-shadow: 0 0 16px rgba(0,0,0,0.08);-moz-box-shadow: 0 0 16px rgba(0,0,0,0.08);}
.menuBox .menuContact .contBox{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 416px;}
.menuBox .menuContact .contBox .title{font-size: 32px;color: #333;}
.menuBox .menuContact .contBox .phone{font-family: Avignon;font-size: 42px;font-stretch: normal;color: #333;}
.menuBox .menuContact .contBox .text{font-size: 14px;line-height: 26px;color: #666666;margin-top: 10px;}
.menuBoxOn{right: 0 !important;}
@media (max-width: 1366px) {
    .menuBox .menuNav ul li a{font-size: 30px;}
    .menuBox .menuContact .img{width: 120px;height: 120px;margin-bottom: 60px;}
    .menuBox .menuContact .contBox .title{font-size: 24px;}
    .menuBox .menuContact .contBox .phone{font-size: 38px;}
}


body{ margin:0 auto;padding:0px;width:100%;font-family:microsoft yahei;font-size:15px!important;color:#6c6c6c;}
.mobile_daohang{ display:none}
#banner{ display:none}
.pc_dibu{ display:block}
.bottomNav{ display:none}


.n2111{display:none; }
.dingbu{ float:right; }

.lp1{ }
.lp2{ display:none}

.alogo3{ width:100%; background:#fff; position:fixed; top:0; z-index:999; box-shadow: 10px 2px 10px rgba(0,0,0,0.1);}
.alogo{ width:1250px; margin:0 auto; padding-top:10px; padding-bottom:25px;}
.gsmc{ padding-top:22px; width:40%; float:left; padding-bottom:3px;}
.gsmc img{float:left; padding-right:20px; height:70px;}
.gsmc h1{ color:#161616; font-size:27px; font-weight:900;float:left;padding-top:2px; line-height:32px; letter-spacing:4px;}
.gsmc h1 span{ color:#454545; font-size:17px; font-weight:normal; font:Arial, Helvetica, sans-serif; letter-spacing:0.4px;  font-family:Arial, Helvetica, sans-serif}

.head_y{ width:57%; padding-top:30px; }

.yuyan{ background:#bf1b3e; width:45px; height:45px; line-height:45px; text-align:center; border-radius:50px; margin-top:5px;}
.yuyan a{ color:#fff; font-size:17px;}


.nav_bgc{width:90%;}
.nav{ width:100%; float:left; padding-top:5px;}
.nav li {float: left;list-style: none;font-size: 19px;text-align: center;box-sizing: border-box; position: relative; }
.nav li a:hover:before {width: 100%;}
.nav li:hover:after,.nav li.cur:after{width:100%;color: #000;}
.nav li a { padding-left:25px; padding-right:25px;z-index: 1; 
display: block;text-align: center;position: relative;color: #000;line-height:50px; border-radius:5px; }
.nav  li a:hover{color: #000; }
.nav li.hover a, .nav li:hover a {color: #fff; background:#bf1b3e; }
.nav li .subnav {background: #fff;box-shadow: 0 13px 42px 11px rgba(0, 0, 0, 0.05);height: auto;left: 0;overflow: hidden;position: absolute;top: 100%; width: 100%;z-index: 99; border-top:0px solid #3f7225; }
.nav li .subnav {border-radius:5px;
filter: progid:DXImageTransform.Microsoft.Shadow(color=#4c91c0, direction=120, strength=5);opacity: 0;visibility: hidden;transition: all .6s ease 0s;transform: translate3d(0, 10px, 0);-moz-transform: translate3d(0, 10px, 0);-webkit-transform: translate3d(0, 10px, 0);}
.nav li:hover .subnav {opacity: 1;visibility: visible;transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-webkit-transform: translate3d(0, 0, 0);}
.nav li .subnav a {-moz-border-radius: 0;-webkit-border-radius: 0;border-radius: 0;color: #fff;display: block;font-size: 16px;font-weight: 500; margin-left:0px; margin-right:0px;
line-height: 50px;height: 50px;padding: 0;transition: all 0.2s ease-in-out 0s;width: 100%;border-bottom: 1px solid #9d0c10;background: #bf1b3e;}
.nav li .subnav a:hover {color: #fff;background:#9d0c10;}
.nav li:last-child .subnav a {-moz-border-radius: 0;-webkit-border-radius: 0;border-radius: 0;color: #494949;display: block;font-size: 15px;font-weight: 500; margin-left:0px; margin-right:0px;line-height: 40px;height: 40px;padding: 0;transition: all 0.2s ease-in-out 0s;width: 100%;border-bottom: 0px!important;background: #fff;}


.nav1{ width:198px!important; float:left;margin-left:0px!important;}

.flash1{display:none}
.flash{ margin-top:129px; }





@media (max-width: 1440px) {
    .header .nav{ display: inline-block; vertical-align: middle; margin-right: 0; }
}
@media (max-width: 1366px) {
    .header .nav .nLi{display: inline-block;position: relative;margin-right: 40px;}
}
.is-fixed{box-shadow: 0 0 20px rgba(0,0,0,0.1); background-color: rgba(255,255,255,1); -webkit-box-shadow: 0 0 20px rgba(0,0,0,0.1);-moz-box-shadow: 0 0 20px rgba(0,0,0,0.1); border-bottom: rgba(255,255,255,0);}
.is-fixed .headerLogo a{ background: url(../images/logo.png) no-repeat; background-size: auto 56px; }
.is-fixed .nav .nLi h3 a{color:#333;}
.is-fixed .popnav .menu .solid{background-color: #000;}
.is-fixed .popnav .tit{color: #000;}
.is-fixed::before,.is-fixed .headerTel::before{ display: none;}
.is-fixed .headerTel{  background: url(../images/offer_bg.jpg) no-repeat right top; }
.is-fixed .headerTel .iconT,.is-fixed .headerTel .iconT{   color: #fff;}
.is-fixed .headerTel .iconT,.is-fixed .headerTel .tubiao { background: url(../images/offer_bg.jpg) no-repeat right top;}

/*indexBanner*/
.bashuzi { font-family:DINEngschriftStd; font-size:59px; font-style:normal;}
.bap { font-size:18px; color:#fff; width:60%; line-height:30px;}
.indexBanner{width: 100%;position: relative;height: 539px;background: #000;overflow: hidden; }
.indexBanner .bd{margin: 0 auto;position: relative;z-index: 0;overflow: hidden;}
.indexBanner .bd ul{width: 100% !important;}
.indexBanner .bd li{width: 100% !important;height:  539px;overflow: hidden; background-size: cover !important;}
.indexBanner .bd li .cont{width: 100%;padding: 12% 3% 0;box-sizing: border-box;}
.indexBanner .bd li .cont .tit{color: #FFFFFF;font-size: 48px; padding-top:0px;}
.indexBanner .bd li .cont .title{color: #FFFFFF;font-size:40px;margin-top: 1%;}
.indexBanner .bd li .cont .title span{font-weight: bold;}
.indexBanner .bd li .cont .sum { margin-top: 1%; font-size:22px; font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; text-transform:uppercase; letter-spacing:1.2px;}
.indexBanner .bd li .cont .sum a{ display: inline-block;  color: #fff; font-size: 16px; letter-spacing: 1px; padding: 0 16px; line-height: 40px; border-radius: 25px; border: solid 1px #fff; margin-right: 20px;}
.indexBanner .bd li .cont .sum a:hover{ background-color: #fff; color: #d20200;}
.indexBanner .hd{width: 87%;min-width: 1150px;position: absolute;z-index: 4;bottom: 4%;left:50%;transform: translateX(-50%);display: table;font-size: 0;text-align: left;}

.indexBanner .hd ul::after{}

.indexBanner .hd ul li{cursor: pointer;display: inline-block;*display: inline;zoom: 1; overflow: hidden;}
.indexBanner .hd ul li p{width: 5px;height: 20px;margin: 0 6px;position:relative;}
.indexBanner .hd ul li p::after{content: '';width: 5px;height: 12px;border-radius: 6px;background-color: #fff;opacity:0.7;filter:alpha(opacity=70);position: absolute;bottom: 0;left: 0;transition: all 0.6s ease;}
.indexBanner .hd ul li.on p::after{filter:alpha(opacity=100);opacity:1;height: 20px;}
.indexBanner .hd ul li::after{content: '';width: 2px;height: 2px;background-color: #FFFFFF;position: absolute;top: -221px;right: 12px;opacity: 0;filter:alpha(opacity=0);}

.indexBanner .hd .mouse{color: #FFFFFF;font-size: 26px;float: right;}
@keyframes solid{0%{height: 2px;} 100%{height: 212px;}}
@-webkit-keyframes solid{0%{height: 2px;} 100%{height: 212px;}}
.indexBanner .icon-jiantou1{display:block;width:50px;height:50px;line-height:50px;font-size: 30px;color: #d20200;text-align: center;background-color: rgba(255,255,255,0.4);position:absolute; top:50%; margin-top:-25px;filter:alpha(opacity=20);opacity:0.2;transition: all 0.6s ease;}
.indexBanner .prev{left: -50px;transform: rotate(-180deg);}
.indexBanner .next{right: -50px;}
.indexBanner .prev:hover,.indexBanner .next:hover{ background-color: #d20200;color: #FFFFFF; }
.indexBanner:hover .prev{left: 100px;filter:alpha(opacity=100);opacity:1;}
.indexBanner:hover .next{right: 100px;filter:alpha(opacity=100);opacity:1;}


/*indexTitle*/
.indexTitle{}
.indexTitle .tit{font-size: 38px;line-height: 38px;color: #000000;}
.indexTitle .tit span{font-size: 18px;line-height: 18px;font-family: Avignon;color: #333333;text-transform: uppercase;margin-left: 10px;}
.indexTitle .tit p{font-size: 18px;line-height: 18px;font-family: Avignon;color: #333333;text-transform: uppercase;margin-top: 10px;}
.indexTitle .txt{font-size: 16px;line-height: 24px;color: #666666;margin-top: 12px; }


/*indexService*/
.indexService{width: 100%;position: relative;overflow: hidden;z-index: 1;padding: 90px 0 70px; overflow: hidden; background:url(../images/about_bg01.jpg) no-repeat center top;}
/*.indexService::after{content: '';width: 58%;height: 100%;background-color: #f7fafc;position: absolute;top: 0;right: 0;z-index: -1;}*/
.serviceBox{width:100%;position: relative;margin-top: 80px;}
.serviceBox .hd{width: 38%;float: left;}
.serviceBox .hd .img1,.serviceBox .hd .img2{/*width: 28px;height: 28px;*/}
.serviceBox .hd .img1{margin-top: -20px;}
.serviceBox .hd ul{border-left: 1px solid #dddddd;padding: 20px 0;margin: 10px 0 10px 14px;}
.serviceBox .hd ul li{margin-bottom: 30px;}
.serviceBox .hd ul li:last-child{margin-bottom: 0;}
.serviceBox .hd ul li .box{position: relative;padding-left: 4%;box-sizing: border-box;}
.serviceBox .hd ul li .box::before{content:'';width: 1px;height: 0;background-color: #21282e;position: absolute;top: 0;left: -1px; transition: all 0.6s ease;}
.serviceBox .hd ul li .num{float: left;font-family: Avignon;font-size: 32px;color: #b2b8bc;line-height: 22px;transition: all 0.6s ease;}
.serviceBox .hd ul li .cont{float: left;max-width: 80%;margin-left: 10%;}
.serviceBox .hd ul li .cont .txt{position: relative;font-size: 20px;color: #919ca4;line-height: 32px;transition: all 0.6s ease; cursor: pointer;}
.serviceBox .hd ul li .cont .txt p{font-family: Arial, Helvetica, sans-serif;font-size: 48px;font-weight: 900;line-height: 30px;text-transform: uppercase;color: #666666;opacity: 0;filter:alpha(opacity=0);position: absolute;top: 4px;left: 0;transition: all 0.6s ease;}
.serviceBox .hd ul li .cont .title{transition: all 0.6s ease;margin-top: 0;height: 0;overflow: hidden; font-size: 0;}
.serviceBox .hd ul li .cont .title .tit{font-size: 15px;color: #666666;margin-top: 6px; box-sizing: border-box; width: 100%; display: inline-block; vertical-align: top; margin-right: 2%; cursor: pointer; line-height:25px;}
.serviceBox .hd ul li .cont .title .tit span{ display: inline-block; padding: 4px 8px; border: 2px solid rgba(0,0,0,0);}
/*.serviceBox .hd ul li .cont .title .tit:hover span{border-color: #d20200;color: #d20200;}*/
.serviceBox .hd ul li .text{ box-sizing: border-box; border: solid 2px #eee; position: absolute;top: -104px;z-index: 9;cursor: pointer; transition: all 0.6s ease;}
.serviceBox .hd ul li .text::before{ content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 2; background-color: #f7fafc; transition: all 0.6s ease;}
.serviceBox .hd ul li .text span{ display: inline-block; font-size: 16px; line-height: 24px;  color: #333; width: 100%; font-weight: bold; letter-spacing: 1px;  position: relative; z-index: 2; padding: 10px 28px; box-sizing: border-box; transition: all 0.6s ease;}
.serviceBox .hd ul li:nth-child(1) .text{right: 500px;}
.serviceBox .hd ul li:nth-child(2) .text{right: 330px;}
.serviceBox .hd ul li:nth-child(3) .text{right: 170px;}
.serviceBox .hd ul li:nth-child(4) .text{right: 0;}
.serviceBox .hd ul li.on .num{color: #21282e;}
.serviceBox .hd ul li.on .cont .txt{color:#21282e;padding-top: 20px;font-weight: bold;}
.serviceBox .hd ul li.on .cont .txt p{opacity:0.2;filter:alpha(opacity=20);}
.serviceBox .hd ul li.on .cont .title{margin-top: 10px;height: 140px;}
.serviceBox .hd ul li.on .box::before{ height: 100%;}
.serviceBox .hd ul li.on .text span{color: #fff;}
.serviceBox .hd ul li.on .text{ background-color: #d20200; border-color: #d20200;}
.serviceBox .hd ul li.on .text::before{ transform: scale(0);}
.serviceBox .bd{width: 61%;float: right;}
.serviceBox .bd .img{width: 100%;overflow: hidden;height: 540px;background-size: cover !important;position: relative;}
.serviceBox .bd .img.web .img1{width: 14%;position: absolute;bottom: 14%;right: 10%;z-index: 3;}
.serviceBox .bd .img.web .img2{width: 60%;position: absolute;bottom: 14%;right: 22%;}
.serviceBox .bd .img.web .img3{width: 14%;position: absolute;bottom: 14%;right: 80%;}
.serviceBox .bd .img.wechat .img1{width: 27%;position: absolute;bottom: 32%;left: 5%; }
.serviceBox .bd .img.wechat .img2{width: 27%;position: absolute;bottom: 17%;left: 27%;}
.serviceBox .bd .img.wechat .img3{width: 27%;position: absolute;bottom: 32%;left: 47%; }
.serviceBox .bd .img.wechat .img4{width: 27%;position: absolute;bottom: 17%;left: 67%;}
.serviceBox .bd .img.wechat .img5{width: 25%;position: absolute;bottom: 60.5%;right: 8.5%;}
.serviceBox .bd .img.marketing .img1{width: 50%;position: absolute; top: 20%; left:8%; }
.serviceBox .bd .img.marketing .img2{width: 50%;position: absolute; top: 20%; left:52%; }
.serviceBox .bd .img.marketing .img3{width: 12%;position: absolute; top: 16%; left:50%; }
.serviceBox .bd .img.marketing .img4{width: 25%;position: absolute; bottom: 7%; right:5%; }
.serviceBox .bd .img.marketing .img5{width: 66%;position: absolute; top: 10%; left:10%; }
.serviceBox .bd .img.vr .img1{width: 45%;position: absolute; top: 10%; left:5%; }
.serviceBox .bd .img.vr .img2{width: 42%;position: absolute; top: 22%; right:5%;  }
.serviceBox .bd .img.vr .img3{width: 35%;position: absolute; top: 15%; left:34%; }
.serviceBox .bd .img.vr .img4{width: 48%;position: absolute; top: 10%; left:30%; }
.serviceBox .bd .img.design .img1{width: 46%;position: absolute; top: 8%; left:-4%;}
.serviceBox .bd .img.design .img2{width: 22%;position: absolute; bottom: -17%; left:-11%;}
.serviceBox .bd .img.design .img3{width: 23%;position: absolute; bottom: -17%; left:9%;}
.serviceBox .bd .img.design .img4{width: 26%;position: absolute; bottom: -15%; left:32%;}
.serviceBox .bd .img.design .img5{width: 30%;position: absolute; bottom: -13%; right:0%;}
.serviceBox .bd .img.design .img6{width: 10%;position: absolute; bottom: 16%; right:28%;}
.serviceBox .bd .img.design .img7{width: 27%;position: absolute; bottom: 27%; right:35%;}
.serviceBox .bd .img.design .img8{width: 34%;position: absolute; top: 10%; right:0%;}




.serviceBox .bd .img img{width: 100%;display: block;}
.serviceBox .arrow{ position:absolute; right:0; bottom:0;width: 62%;z-index: 9;}
.serviceBox .arrow a{display:block;width:40px; height:40px;line-height:40px;overflow:hidden;border-radius: 50%;border: 1px solid #FFFFFF;box-sizing: border-box;color: #FFFFFF;font-size: 28px;margin-bottom: 60px;margin-left: 6%;cursor:pointer;transition: all 0.6s ease;}
.serviceBox .arrow .prev{transform: rotate(-180deg);}
.serviceBox .arrow a:hover{background-color: #d20200;border-color: #d20200;}





.a_more{ font-size:15px; color:#d20200; padding:7px 30px 7px 30px; margin:30px 0 28px 0; display:inline-block; background:#fff;
  border: 1px solid #d20200; float:left;
  position: relative;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.a_more:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #d20200;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.a_more:hover:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
.a_more:hover{ color:#fff;}


.cuti{ font-size:17px; color:#fff;}


/*--------------*/
.wrap1 {
    width: 1250px;
    margin-right: auto;
    margin-left: auto;
}
 .pt3{ width:100%; float:left; }
 .pt3 .top1{width:545px; float:left; z-index:1; margin-top:0px; }
 .pt3 .top1 .desc{font-size:16px; margin-top:15px; width:100%; line-height:27px;}
 .pt3 .top1 .con{padding-right:20px;}

 .pt3 .pic1{ float:right!important;width:491px!important;height:361px;margin-top:10px;}
 .pt3 .pic1 img{width:491px;height:361px;}
 .pt3 .pic1 
 
 .pt3 .dp{padding-top:0px; float:left; width:200px; }

 .pt3 .dp  li{ width:200px; height:127px; padding-top:50px; float:left; margin-top:9px; text-align:center; transition:All 0.4s ease-in-out; }

 .pt3 .icon{   font-size: 40px;
    font-family:Impact1; color:#fff}
 .pt3 .icon span{ font-size:16px}

 .pt3 .dp  li .d{font-size:18px; color:#fff}

 .pt3 .dp li:hover { transition:All 0.4s ease-in-out; transform: translate(0,-3px);}
 
 .pt3 a:hover{ transition:All 0.4s ease-in-out;}
 
 

 .li1 { background:#0086dc}
  .li2 {background:#1461b2}

   
   
   
 .pt3 .pic {width: 720px;}
 .pt3 .pic {
    position: absolute;
    left: 45%;
    top: 110px;
    z-index: 0;
}.index_en{ line-height:60px;
    font-size:55px;
    font-family: Impact1;
    text-transform: uppercase; color:#ccc
}
 
 .index_cn {color:#000;
    font-size: 30px;
    font-weight:normal;
    display: inline-block;
    position: relative;
    line-height: 1;
    margin-bottom: 15px;
}

 .index_desc {
    font-size: 17px;

}



/*--------------*/

.contact{ width:1310px; margin:auto;}
.lx1{ width:340px; background:url(../images/l1.png) no-repeat 30px 40px #1da0d5; color:#FFFFFF; float:left; height:90px; padding-left:100px; padding-top:40px; font-size:16px;}
.lx1 span{ border-left:#FFFFFF dashed 1px; height:40px; float:left; margin-right:20px; margin-top:5px;}

.lx2{ width:335px; background:url(../images/l2.png) no-repeat 30px 40px #087ac6; color:#FFFFFF; float:left; height:90px; padding-left:100px; padding-top:40px; font-size:16px;}
.lx2 span{ border-left:#FFFFFF dashed 1px; height:40px; float:left; margin-right:20px; margin-top:5px;}


.lx3{ width:335px; background:url(../images/l3.png) no-repeat 30px 40px #2552a7; color:#FFFFFF; float:right; height:90px; padding-left:100px; padding-top:40px; font-size:17px;}
.lx3 span{ border-left:#FFFFFF dashed 1px; height:40px; float:left; margin-right:20px; margin-top:5px;}
.lx3 a{ color:#FFFFFF}



@media (max-width: 1680px) {
    .serviceBox .bd .img{height: 490px;}
    .serviceBox .hd ul li{margin-bottom: 20px;}
    .serviceBox .hd ul li .cont .txt p{font-size: 44px;}
    .serviceBox .hd ul li .cont .title{margin-top: 4px;}
    .serviceBox .hd ul li.on .cont .txt{padding-top: 20px;}
}
@media (max-width: 1600px) {
    .serviceBox .bd .img{height: 470px;}
}
@media (max-width: 1440px) {
    .serviceBox .bd .img{height: 440px;}
    .serviceBox .hd ul{padding: 10px 0;}
    .serviceBox .hd ul li .num{font-size: 30px;line-height: 20px;}
    .serviceBox .hd ul li .cont .txt{font-size:22px;line-height: 30px;}
    .serviceBox .hd ul li .cont .txt p{font-size: 40px;}
    .serviceBox .hd ul li.on .cont .txt{padding-top: 18px;}
    .serviceBox .arrow a{margin-bottom: 40px;}
    .serviceBox .hd ul li .cont .title .tit{font-size: 15px;}
}


/*indexCase*/
.indexCase{width: 100%;background-color: #FFFFFF;padding: 90px 0;overflow: hidden;}
.indexCase .indexTitle{float: left;}
.indexCase .a{width: 150px;text-align: right;display: block;font-size: 16px;line-height:40px;color: #333333;padding-right: 50px;float: right;margin-top:30px;position: relative;transition: all 0.6s ease;}
.indexCase .a .iconfont{width: 40px;height: 40px;border: 1px solid #333333;border-radius: 50%;box-sizing: border-box;color: #333333;font-size: 28px;transform: rotate(-90deg);position: absolute;top: 0;right: 0;transition: all 0.6s ease;}
.indexCase .a:hover{color: #d20200;}
.indexCase .a:hover .iconfont{color: #d20200;border-color: #d20200;}
.indexCase .list{width: 100%;font-size: 0;text-align: left;margin-top: 60px;}
.indexCase .list li.webli,.indexCase .list li.wxli{width: 32%;display: inline-block;vertical-align: top;margin-right: 2%;margin-bottom: 2%;}
.indexCase .list li.webli:nth-child(3n),.indexCase .list li.wxli:nth-child(3n){margin-right: 0;}
.indexCase .list li.webli .img{width: 100%;background-color: #000000;overflow: hidden;position: relative;}
.indexCase .list li.webli .img img{width: 100%;display: block;transition: all 0.6s ease;}
.indexCase .list li.webli .img .link{position: absolute;top: 50%;left: 50%;transform: translate(-50%,0);opacity: 0;filter:alpha(opacity=0);transition: all 0.6s ease;}
.indexCase .list li.webli .img .link .iconfont{font-size: 40px;color: #FFFFFF;}
.indexCase .list li.webli .img .link .p{color: #FFFFFF;font-size: 20px;line-height: 30px;}
.indexCase .list li.webli .img::after{content:'';width: 0;height: 90%;border-bottom: 1px solid #fff;border-top: 1px solid #fff;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index:2;transition: all 0.6s ease;}
.indexCase .list li.webli .img::before{content:'';width: 90%;height: 0;border-left: 1px solid #fff;border-right: 1px solid #fff;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index:2;transition: all 0.6s ease;}
.indexCase .list li.webli .tit{font-size: 24px;line-height: 32px;color: #666;margin: 20px 0 6px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;transition: all 0.6s ease;}
.indexCase .list li.webli .tit span{ margin-left: 10px; color: #d20200;}
.indexCase .list li.webli .txt{font-size: 14px;line-height: 24px;color: #999999;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.indexCase .list li.webli:hover .img img{opacity: 0.8;filter:alpha(opacity=80);transform: scale(1.1);}
.indexCase .list li.webli:hover .img::after{width: 94%;}
.indexCase .list li.webli:hover .img::before{height: 94%;}
.indexCase .list li.webli:hover .img .link{transform: translate(-50%,-50%);opacity: 1;filter:alpha(opacity=100);}

.indexCase .list li.wxli .imgBox{width: 100%;background-color: #fff;overflow: hidden;position: relative;}
.indexCase .list li.wxli .imgBox .img1{width: 100%;display:block;transition: all 0.6s ease; position: relative;}
.indexCase .list li.wxli .imgBox .img2{width: 100%; display: block; height: 100%; padding: 15% 0; position: absolute;top: -100%;left: 0;transition: all 0.6s ease; box-sizing: border-box; background-color: #fff; text-align: center;}
.indexCase .list li.wxli .imgBox .img2 img{height: 100%;  display:inline-block;}
.indexCase .list li.wxli .imgBox .img2::after{content:'';width: 0;height: 94%; box-sizing: border-box; border-bottom: 1px solid #ddd;border-top: 1px solid #ddd;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index:2;transition: all 0.6s ease-in 0.3s;}
.indexCase .list li.wxli .imgBox .img2::before{content:'';width: 94%;height: 0; box-sizing: border-box; border-left: 1px solid #ddd;border-right: 1px solid #ddd;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index:2;transition: all 0.6s ease-in 0.3s;}
.indexCase .list li.wxli .tit{font-size: 24px;line-height: 32px;color: #666;margin: 20px 0 6px;padding: 0 ;box-sizing: border-box;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;transition: all 0.6s ease;}
.indexCase .list li.wxli .tit span{ margin-left: 10px; color: #d20200;}
.indexCase .list li.wxli .txt{font-size: 14px;line-height: 24px;color: #999999;padding: 0 ;box-sizing: border-box;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.indexCase .list li.wxli:hover .imgBox .img1{ transform: translateY(100%); }
.indexCase .list li.wxli:hover .imgBox .img2{top: 0;}
.indexCase .list li.wxli:hover .imgBox .img2::after{width: 100%;}
.indexCase .list li.wxli:hover .imgBox .img2::before{height: 100%;}
.indexCase .list li:hover .tit{ color: #d20200; }

.indexCase .list li.vrli{width: 22%;float: left;margin-left: 1%;margin-bottom: 1.7%;}
.indexCase .list li.vrli:nth-child(5n-4){width: 54%;margin-left: 0;}
.indexCase .list li.vrli .img{width: 100%;background-color: #000000;overflow: hidden;position: relative;}
.indexCase .list li.vrli .img img{width: 100%;display: block;transition: all 0.6s ease;}
.indexCase .list li.vrli .img .link{position: absolute;top: 50%;left: 50%;transform: translate(-50%,0);opacity: 0;filter:alpha(opacity=0);transition: all 0.6s ease;}
.indexCase .list li.vrli .img .link .iconfont{font-size: 40px;color: #FFFFFF;}
.indexCase .list li.vrli .img .link .p{color: #FFFFFF;font-size: 20px;line-height: 30px;}
.indexCase .list li.vrli .img::after{content:'';width: 0;height: 90%;border-bottom: 1px solid #fff;border-top: 1px solid #fff;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index:2;transition: all 0.6s ease;}
.indexCase .list li.vrli .img::before{content:'';width: 90%;height: 0;border-left: 1px solid #fff;border-right: 1px solid #fff;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index:2;transition: all 0.6s ease;}
.indexCase .list li.vrli .tit{font-size: 24px;line-height: 32px;color: #333;margin: 20px 0 6px;text-align:center; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.indexCase .list li.vrli .txt{font-size: 14px;line-height: 24px;color: #999999;text-align:center;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.indexCase .list li.vrli:hover .img img{opacity: 0.6;filter:alpha(opacity=60);transform: scale(1.1);}
.indexCase .list li.vrli:hover .img::after{width: 94%;}
.indexCase .list li.vrli:hover .img::before{height: 94%;}
.indexCase .list li.vrli:hover .img .link{transform: translate(-50%,-50%);opacity: 1;filter:alpha(opacity=100);}
@media (max-width: 1680px) {
    .indexCase .list li{margin-bottom: 1%;}
}
@media (max-width: 1600px) {
    .indexCase .list li.vrli .tit{font-size: 22px;line-height: 30px;}
    .indexCase .list li.vrli .txt{font-size: 14px;line-height: 22px;}
}
@media (max-width: 1440px) {
    .indexCase .list li.vrli .img .link .p{font-size: 16px;}
    .indexCase .list li.vrli .tit{font-size: 20px;line-height: 28px;margin: 17px 0 4px;}
}
@media (max-width: 1400px) {
    .indexCase .list li.vrli .tit{margin: 15px 0 4px;}
}
@media (max-width: 1366px) {
    .indexCase .list li.vrli .tit{margin: 12px 0 4px;}
}
.indexCase .more{display:block;width: 220px;height: 50px;line-height: 50px;border: solid 1px #dfe1e3;font-size: 18px;color: #333;padding-left: 30px;margin: 30px auto 0;position: relative;z-index: 1;transition: all 0.6s ease;}
.indexCase .more::after{content: '';width: 0;height: 100%;background-color: #d20200;position: absolute;top: 0;left: 0;z-index:-1;transition: all 0.6s ease;}
.indexCase .more .iconfont{color: #333333;font-size: 28px;transform: rotate(-90deg);position: absolute;top: 0;bottom:0;right: 30px;margin: 0 auto;transition: all 0.6s ease;}
.indexCase .more:hover{color: #fff;border-color: #d20200;}
.indexCase .more:hover::after{width: 100%;}
.indexCase .more:hover .iconfont{color: #fff;}

/*indexCustomer*/
.indexCustomer{width: 100%;background-color: #f7fafc;padding: 100px 0;overflow: hidden;}
.indexCustomer .indexTitle .tit{text-align: center;}
.indexCustomer .indexTitle .txt1{text-align: center;position: relative;padding-top: 22px;margin-top: 20px;}
.indexCustomer .indexTitle .txt1::after{content: '';width: 6px;height: 14px;background-color: #333;position: absolute;top: 0;left:50%;transform: skewX(-15deg) translateX(-50%);margin-right: 14px;}
.indexCustomer .indexTitle .txt1::before{content: '';width: 6px;height: 14px;background-color: #333;position: absolute;top: 0;left:50%;transform: skewX(-15deg) translateX(-50%);margin-left: 14px;}
.indexCustomer ul{width: 100%;display: table;font-size: 0;text-align: left;margin-top: 70px;}
.indexCustomer ul li{width:25%;display: inline-block;vertical-align: top;overflow: hidden;border: 1px solid #dddddd;box-sizing: border-box; box-sizing: border-box; padding:10px 25px; transition: all 0.6s ease; background-color: #fff; position: relative; z-index: 1; margin: -1px 0 0 -1px;}
/* .indexCustomer ul li:nth-child(-n+6){border-top: 1px solid #ddd;}
.indexCustomer ul li:nth-child(6n+1){border-left: 1px solid #ddd;} */
.indexCustomer ul li img{width: 100%;display: inline-block; }
.indexCustomer ul li:hover img{background-color: #FFFFFF;}
.indexCustomer ul li:hover{ box-shadow: 0 0 20px rgba(0,0,0,0.2);   -webkit-box-shadow: 0 0 20px rgba(0,0,0,0.2) ; -moz-box-shadow: 0 0 20px rgba(0,0,0,0.2);  border: solid 1px #ddd;  z-index: 3;}

/*indexNumber*/
.indexNumber{width: 100%;background-color: #d20200;padding: 60px 0;overflow: hidden;}
.indexNumber ul{width: 100%;display: table;font-size: 0;text-align: center;}
.indexNumber ul li{display: inline-block;vertical-align: top;margin-right: 200px; }
.indexNumber ul li:last-child{margin-right: 0;}
.indexNumber ul li .num{color: #fff;}
.indexNumber ul li .num span{font-size: 90px;line-height: 70px;font-family: BebasNeue-Regular;}
.indexNumber ul li .num sub{font-size: 30px;}
.indexNumber ul li .tit{font-size: 18px;color: rgba(255,255,255,0.8);margin-top: 8px;}

/*indexProgramme*/
.indexProgramme{width: 100%;padding: 110px 0;background: url("../images/index_programme_bg.jpg") center center no-repeat fixed;background-size: cover;overflow: hidden;}
.indexProgramme .txt{font-size: 44px;line-height: 72px;color: #ffffff;text-align: center;}
.indexProgramme .box{width: 100%;display: table;font-size: 0;text-align: center;margin-top: 80px;}
.indexProgramme .box a{display: inline-block;width: 188px;height: 50px;border: solid 1px #ffffff;text-align: center;line-height: 50px;color: #FFFFFF;font-size: 16px;margin: 0 16px;transition: all 0.6s ease;}
.indexProgramme .box a:hover{background-color: #d20200;border-color: #d20200;}

/*indexNews*/
.indexNews{width: 100%;background-color: #FFFFFF;padding: 100px 0;position: relative;z-index: 1;overflow: hidden;}
.indexNews::after{content: '';width: 50%;height: 100%;background-color: #f7fafc;position: absolute;top: 0;left: 0;z-index: -1;}
.indexNews .hd{width: 100%;margin-bottom: 70px;}
.indexNews .hd .indexTitle{float: left;}
.indexNews .hd ul{float:right;display: table;font-size: 0;text-align: right;margin-top: 50px;}
.indexNews .hd ul li{display: inline-block;vertical-align: top; cursor:pointer;font-size: 16px;line-height: 24px;color: #333333;margin-left: 60px;}
.indexNews .hd ul li.on{color: #d20200;}

.indexNews .bd ul{width: 100%; font-size: 0;}
.indexNews .bd ul li{ display: inline-block; vertical-align: top; width: 49%;transition: all 0.6s ease;position: relative;z-index: 1; margin-right: 2%;}
.indexNews .bd ul li a{padding: 30px 5% 30px 0;box-sizing: border-box; width: 100%; display: inline-block; transition: all 0.6s ease; position: relative;}
.indexNews .bd ul li:nth-child(2n){ margin-right: 0;}
.indexNews .bd ul li a::after{content: '';width: 100%;height: 0;background-color:#333;position: absolute;top: 0;left: 0;z-index: -1;transition: all 0.6s ease;}
.indexNews .bd ul li .time{font-size: 28px;color: #333;font-family:BebasNeue-Regular;width: 110px;float: left;transition: all 0.6s ease;}
.indexNews .bd ul li .time p{font-size: 16px;color: #999999;}
.indexNews .bd ul li .cont{float: left;width: 70%;}
.indexNews .bd ul li .cont .tit{font-size: 18px;line-height: 32px;color: #333;margin-bottom:14px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;transition: all 0.6s ease;}
.indexNews .bd ul li .cont .txt{font-size: 14px;line-height: 24px;color: #666;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;transition: all 0.6s ease;}
.indexNews .bd ul li .iconfont{color: #666666;font-size: 30px;position: absolute;bottom: 30px;right: 5%;transition: all 0.6s ease;}
.indexNews .bd ul li:hover a::after{height: 100%;}
.indexNews .bd ul li:hover a{ padding: 30px 5%;}
.indexNews .bd ul li:hover .time,.indexNews .bd ul li:hover .time p,.indexNews .bd ul li:hover .cont .tit,.indexNews .bd ul li:hover .cont .txt,.indexNews .bd ul li:hover .iconfont{color: #FFFFFF;}

/*indexOffer*/
.indexOffer{width: 100%;padding: 80px 0 90px; background:url(../images/offer_bg.jpg) no-repeat center top fixed; clear:both;   background-size: cover;overflow: visible; }
.indexOffer .title{font-size: 35px;color: #ffffff; margin-top:0px;}
.indexOffer .title p{font-size: 32px;margin-top: 0px;}
.indexOffer .box{width: 100%;margin-top: 0px; text-align:center;}
.indexOffer .box .left{float: left;width: 100%;}
.indexOffer .box .left .tit{font-size: 40px;color: #ffffff;margin-bottom: 10px;width: 100%; font-weight:bold; letter-spacing:5px;}
.indexOffer .box .left .txt{font-size: 22px;color: #ffffff;float: left;width: 380px;line-height: 33px;margin-right: 50px;width: 100%;


}
.indexOffer .box .left .txt p { font-size:16px;}
.indexOffer .box .left .txt span{font-size: 16px;}
.indexOffer .box .left .txt1{font-size: 16px;line-height: 48px;color: #e8e8e8;float: left;position: relative;padding-left: 46px;box-sizing: border-box;width: 110px;cursor:pointer;transition: all 0.6s ease;}
.indexOffer .box .left .txt1 .iconfont{width: 34px;height: 34px;border-radius: 50%;background-color: #FFFFFF;color: #333333;font-size: 20px;position: absolute;top: 7px;left: 0;transition: all 0.6s ease;}
.indexOffer .box .left .txt1:hover{color: #d20200;}
.indexOffer .box .left .txt1:hover .iconfont{background-color: #d20200;color: #FFFFFF;}
.indexOffer .box .right{float: right;}
.indexOffer .box .right .tit{font-size: 16px;color: #ffffff;text-align: right;margin-bottom: 16px;}
.indexOffer .box .right form{width: 100%; border-radius:25px; overflow:hidden;}
.indexOffer .box .right form label{display: block;position: relative;}
.indexOffer .box .right form label span{font-size: 14px;line-height:48px;color: #999;position: absolute; top: 0;left: 0;display: block;}
.indexOffer .box .right form .row{width: 360px;height:48px;padding:0 26px;box-sizing:border-box;float:left;background-color: rgba(240,240,240,0.9);}
.indexOffer .box .right form .txt.w1{width: 100%;font-size: 14px;color: #333;line-height: 20px;padding:14px 0;background-color: rgba(0,0,0,0);border: none;}
.indexOffer .box .right form .btn{width:160px;display:block;height: 48px;line-height:48px;cursor: pointer;float: left;
background:#d20200;

background: -webkit-linear-gradient(left, #d20200 , #00995c);

background: -o-linear-gradient(right, #d20200, #00995c);

background: -moz-linear-gradient(right, #d20200, #00995c);

background: linear-gradient(to right, #d20200 , #00995c);

border: none;color: #fff;font-size: 16px;transition: all 0.6s ease;}
.indexOffer .box .right form .btn:hover{background-color: #d20200;}











/*footer*/
.footer{width: 100%;padding: 20px 0 50px;clear:both;background-size: cover;overflow: visible; line-height:35px;}

.footer .copyRight{color: #414141;font-size: 15px;line-height: 30px;margin:26px 0 12px; text-align:left; border-bottom:solid 1px #e5e5e5; padding-bottom:20px; margin-bottom:20px;}

.footer .copyRight a{color: #414141; display: inline-block;}
.footer .copyRight a:hover{color: #d20200;}
.footer .link{color: #414141;line-height: 16px;}
.footer .link a{color: #414141;}
.footer .link a:hover{color: #d20200;}
@media (max-width: 1440px) {
    .footer .center{margin-left: 0%;}
}


/*Popup*/
.popup{width: 100%;height: 100vh;background-color: rgba(0,0,0,0.8);position: fixed;top: 0;left: 0;z-index: 999;display: none;}
.WeChat{width: 360px;height: 400px;border-radius: 10px;background: #FFFFFF;position: fixed;top: 50%;left: 50%;display: none;margin:-200px 0 0 -180px;z-index: 1000;}
.WeChat .wx{width: 200px;height: 200px;overflow: hidden;margin: 50px auto 10px;border: 1px solid #eee;}
.WeChat .wx img{width: 100%;}
.WeChat p{color: #333;font-size: 14px;text-align: center;width: 360px;}
.WeChat .close{width: 110px;height: 36px;background: #d20200;color: #fff;border-radius: 5px;font-size: 14px;margin: 20px auto 0;line-height: 36px;text-align: center;cursor: pointer;}

/*demandBox*/
.demandBox{width: 360px;padding:30px 0 40px;border-radius: 10px;background: #FFFFFF;position: fixed;top: 50%;left: 50%;margin:-200px 0 0 -180px;z-index: 1000;display: none;}
.demandBox .title{color: #d20200;font-size: 20px;font-weight: bold;text-align: center;margin: 0 0 30px;}
.demandBox .demand{width: 300px;margin: 0 auto;}
.demandBox .demand form{width: 100%;}
.demandBox .demand form label{display: block;position: relative;}
.demandBox .demand form label span{font-size: 16px;line-height:30px;color: #333;position: absolute; top: 8px; left: 0;display: block;}
.demandBox .demand form .row{width: 100%;margin: 0 0 10px;border: 1px solid #dddddd;padding: 0 10px;box-sizing: border-box;border-radius: 3px;}
.demandBox .demand form .txt.w1{width: 100%;font-size: 16px;color: #333;line-height: 20px;padding:12px 0;background-color: rgba(0,0,0,0);border: none;}
.demandBox .demand form .row1{width: 100%;border: 1px solid #dddddd;padding: 0 10px;box-sizing: border-box;border-radius: 3px;}
.demandBox .demand form .txt.w2{ width: 100%;font-size: 16px;color: #333;height: 80px;line-height:20px;resize: none;padding:12px 0;background-color: rgba(0,0,0,0);border: none;}
.demandBox .demand form .button{width: 100%;margin:20px 0 0;}
.demandBox .demand form .button .btn{width:130px;display:block;height: 40px;line-height:40px;cursor: pointer;float: left;border-radius: 3px;background-color: #d20200;border: none;color: #fff;font-size: 16px;transition: all 0.6s ease;}
.demandBox .demand form .button .btn:hover{background-color: #333;}
.demandBox .demand form .button .sClose{width:130px;height: 40px;line-height:40px;cursor: pointer;text-align: center;float: right;border-radius: 3px;background-color: #333;color: #fff;font-size: 16px;transition: all 0.6s ease;}
.demandBox .demand form .button .sClose:hover{background-color: #d20200;}

/* customer */
.customer{width: 70px;position:fixed;right:0; top:50%; margin-top: -177px; z-index:99;}
.customer dl{width: 100%;height: 70px;position: relative; z-index: 2; margin-bottom: 1px;}
.customer dl dt{width: 70px;height: 70px; box-sizing: border-box; padding: 7px 0; color:#FFFFFF;background-color: #21282e;cursor: pointer;position: relative; z-index: 5;transition: all 0.6s ease; text-align: center; }
.customer dl dt i{ display: inline-block; font-size:32px;}
.customer dl dt p{ font-size: 12px; margin-top: 3px;}
.customer dl:hover dt{background-color: #d20200;}
.customer dl.icon1 dd{width: 150px;background-color:rgba(0, 0, 0, 0.8);padding: 10px 0;position: absolute; top: 0;right:-150px;z-index: 1;transition: all 0.6s ease; }
.customer dl.icon1 dd a{display: block; color: #fff; width: 90px; margin: 10px auto; padding-left: 45px;border-radius: 17px;text-align: left; line-height: 34px; border: solid 1px #fff; background: url(../images/fdqq.gif) center left 15px no-repeat;}
.customer dl.icon1 dd a:hover{ background-color: #d20200; border-color: #d20200; color: #fff;}
.customer dl.icon2 dd{width: 150px; height: 150px;position: absolute; top: 0; right: -300px; z-index: 1; transition: all 0.6s ease; }
.customer dl.icon2 dd img{ width: 100%; display: block;  border: solid 1px #eee;box-sizing: border-box;}
.customer dl.icon3 dd{width: 200px;height: 70px;padding: 10px 15px;box-sizing: border-box; color: #fff;font-size: 14px; line-height: 24px;background-color:rgba(0, 0, 0, 0.8); position: absolute; top: 0;right: -300px; z-index: 1; transition: all 0.5s ease;}
.customer dl:hover dd{right: 70px;}

/* PopUp */
.PopUp{position: fixed; width: 500px; height: 210px; top: 50%; left: 50%; padding: 40px; margin: -145px 0 0 -290px; z-index: 99999999; display: none; background: url(../images/suncher_fd.jpg) center center no-repeat; color: #fff; overflow: hidden;  -webkit-box-shadow:0 0 10px rgba(0,0,0,0.1); -moz-box-shadow:0 0 10px rgba(0,0,0,0.1); box-shadow:0 0 10px rgba(0,0,0,0.1);}
.PopUp .left{  width: 320px;  text-align: left;}
.PopUp .left .sgm{ font-size: 22px; line-height: 38px}
.PopUp .left .sgm p{ font-weight: bold; font-size: 24px;}
.PopUp .left .tel{ font-size: 42px; margin: 15px 0 5px;}
.PopUp .left .sgs{ font-size: 12px; margin-top: 10px;}
.PopUp .right{ width: 162px;}
.PopUp .right img{ width: 162px; height: 162px;}
.PopUp .right a{ margin-top: 16px; width: 162px; height: 38px; line-height: 38px; background-color: #fff; display: block; text-align: center; font-size: 16px; color: #d20200;}
.PopUp .kq{ font-size: 30px; color: #fff; position: absolute; top: 10px; right: 10px;}


/*RightFd*/
.RightFd{ width: 310px; height: 100px; left: 0; bottom: 0; position: fixed; z-index: 9998; }
.RightFd .FdCont{ width: 175px; height: 36px; padding: 0 15px 0 20px; margin: 32px 0; background: url(../images/suncher_fd3.png) center center no-repeat;  position:relative; white-space: nowrap; }
.RightFd .FdCont .bd{ }
.RightFd .FdCont .bd .tempWrap{ width:175px !important;}
.RightFd .FdCont .bd ul{ overflow:hidden; zoom:1; }
.RightFd .FdCont .bd ul li{  float:left; height:36px; margin-right: 10px;  line-height:36px;  text-align:left; _display:inline; width:auto !important;  }
.RightFd .FdCont .bd ul li a{ display: block; color: #fff; font-size: 14px; }
.RightFd .right a{ display: block; width: 100px; height: 100px;   background: url(../images/suncher_fd2.png) center center no-repeat; }


/*pageBanner*/
.pageBanner{width: 100%;overflow: hidden;position: relative;}
.pageBanner img{width: 100%;display: block;position: relative; }
.pageBanner iframe{ width: 100%; height: 100%;box-sizing: border-box; position: absolute; top: 0; left: 0; right: 0; z-index: 1;}
.pageBanner .wrap{height: 100%;position: absolute;top: 0;left: 0;right: 0; z-index: 2;}
.pageBanner .cont{width: 100%;position: absolute;top: 50%;left: 0;transform: translateY(-20%);padding:0 3%;box-sizing: border-box;}
.pageBanner .cont .tit{font-size: 60px;line-height: 70px;color: #ffffff;}
.pageBanner .cont .tit span{font-weight: bold;}
.pageBanner .cont .title{font-size: 42px;color: #ffffff;margin-top: 20px;}
.crumbs{ position: absolute; bottom: 0; left: 0; width: 100%; z-index: 3; padding: 15px 0; border-top: solid 1px rgba(255,255,255,0.1);}
.crumbs .box{width: 87%;margin: 0 auto;min-width: 1150px; font-size: 14px; color: #fff;}
.crumbs .box span{ margin: 0 5px;}
.crumbs .box a{ color: #fff;}
.crumbs .box a:hover{ color: #d20200;}
.aboutBanner .cont{ transform: translateY(-50%);}
@media (max-width: 1366px) {
    .pageBanner .cont .tit{font-size: 48px;line-height: 50px;}
    .pageBanner .cont .title{font-size: 38px;margin-top: 14px;}
}
@media (max-width: 1200px) {
    .pageBanner .cont .tit{font-size: 50px;line-height: 50px;}
    .pageBanner .cont .title{font-size: 32px;}
}


/* fenye */
.pages { font-size:20px; padding: 50px 0; text-align:center; width: 100%; text-transform: uppercase; background-color: #fafafa;}
.pages a { display:inline-block;  text-align:center; color:#21282e; padding:0 ;  margin:0 15px;}
.pages a:hover { color:#d20200; text-decoration:none;   -webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -ms-transition: all 0.7s ease; -o-transition: all 0.7s ease; transition: all 0.7s ease; }
.pages span { display:inline-block;  color:#d20200; text-decoration:line-through; text-align:center; padding: 0; margin:0 15px;}


/*pageAbout*/
.pageTitle{font-size: 38px;color: #333;}
.pageTitle p{font-size: 32px;font-family:Avignon;color: #dadada;text-transform: uppercase;line-height: 34px;}
.pageAbout{width: 100%;overflow: hidden;position: relative;margin-top: -100px;padding-bottom: 120px;}
.pageAbout::after{content: '';width: 56%;height: 100%;background-color: #f7fafc;position: absolute;top: 0;right: 0;z-index: -1;}
.pageAbout ul{width: 100%;display: table;font-size: 0;text-align: center;background-color: #d20200;padding: 60px 0;position: relative;z-index: 1;}
.pageAbout ul::after{content: '';width: 50%;height: 100%;background-color: #d20200;position: absolute;top: 0;right: -25%;z-index: -1;}
.pageAbout ul li{display: inline-block;vertical-align: top;margin-right: 200px;}
.pageAbout ul li:last-child{margin-right: 0;}
.pageAbout ul li .num{color: #fff;}
.pageAbout ul li .num span{font-size: 90px;line-height: 70px;font-family: BebasNeue-Regular;}
.pageAbout ul li .num sub{font-size: 30px;}
.pageAbout ul li .tit{font-size: 18px;color: rgba(255,255,255,0.8);margin-top: 8px;}
.pageAbout .cont{width: 86%;margin-top: 80px;min-width: 1150px;}
.pageAbout .cont .titleBox{float: left;}
.pageAbout .cont .titleBox .icon{width: 40px;height: 40px;border-radius: 50%;border: 1px solid #999;margin-top: 100px;overflow: hidden;}
.pageAbout .cont .titleBox .icon .iconfont{color: #666666;font-size: 28px;animation: icon 1.3s linear infinite;cursor: pointer;}
@keyframes icon{ 0%{margin-top: -8px;} 100%{margin-top: 14px;opacity: 0;filter:alpha(opacity=0);} }
@-webkit-keyframes icon{ 0%{margin-top: -8px;} 100%{margin-top: 14px;opacity: 0;filter:alpha(opacity=0);} }
.pageAbout .cont .text{float: right;width: 65%;margin-top: 44px;margin-left: 18%;}
.pageAbout .cont .text .tit{font-size: 28px;line-height: 36px;color: #333333;margin-bottom: 20px;}
.pageAbout .cont .text .txt{font-size: 16px;line-height: 30px;color: #666666;}
.pageAbout .imgBox{width: 81.25%;margin-top: 70px;min-width: 1175px;overflow: hidden;}
.pageAbout .imgBox img{width: 100%;display: block;}
@media (max-width: 1440px) {
    .pageAbout .imgBox{width: 88%;}
}
@media (max-width: 1440px) {
    .pageAbout .imgBox{width:90%;}
}
@media (max-width: 1366px) {
    .pageAbout .imgBox{width:92%;}
    .pageAbout ul li .num span{font-size: 80px;line-height: 60px;}
    .pageAbout ul li .num sub{font-size: 28px;}
}
@media (max-width: 1280px) {
    .pageAbout .imgBox{width:96%;}
    .pageAbout ul li .num span{font-size: 70px;line-height: 50px;}
    .pageAbout ul li .num sub{font-size: 24px;}
    .pageAbout ul li .tit{font-size: 16px;}
}

/*pageHonor*/
.pageHonor{width: 100%;background-color: #f7fafc;padding:0 0 100px 0;overflow: hidden;}
.pageHonor .indexTitle .tit{text-align: center;}
.pageHonor .indexTitle .txt1{text-align: center;position: relative;padding-top: 22px;margin-top: 20px;}
.pageHonor .indexTitle .txt1::after{content: '';width: 6px;height: 14px;background-color: #333;position: absolute;top: 0;left:50%;transform: skewX(-15deg) translateX(-50%);margin-right: 14px;}
.pageHonor .indexTitle .txt1::before{content: '';width: 6px;height: 14px;background-color: #333;position: absolute;top: 0;left:50%;transform: skewX(-15deg) translateX(-50%);margin-left: 14px;}
.pageHonor .swiper-container {width: 100%; margin-top: 60px;}
.pageHonor .swiper-slide {  width: 25%; box-sizing: border-box; padding: 0 20px;}
.pageHonor .swiper-slide .img{width: 100%;border: 1px solid rgba(0,0,0,0.12); box-sizing: border-box; background-color: #FFFFFF;}
.pageHonor .swiper-slide .img img{width: 100%;display: block;}
.pageHonor .swiper-slide .tit{font-size: 18px;color: #333333;text-align: center;margin-top: 15px; line-height: 24px; text-transform: uppercase;}
.pageHonor .btnbox{ width: 100%; margin-top: 30px; display: inline-flex; align-items: center;text-align: center;justify-content: center;}
.pageHonor .swiper-button-prev,.pageHonor .swiper-button-next{ position: relative; display: inline-block; background-image: none;  width: 40px; height: 40px; border-radius: 50%; overflow: hidden; background-color: rgba(255, 66, 41, 0.1); padding: 0; margin: 0; transition: all 0.6s ease;}
.pageHonor .swiper-button-prev span,.pageHonor .swiper-button-next span{ font-size: 20px; position: absolute; top:0; left: 0; right: 0; bottom: 0; margin: auto; transition: all 0.6s ease; color: #d20200;}
.pageHonor .swiper-button-prev span{ transform:rotate(180deg) ;}
.pageHonor .swiper-button-prev:hover,.pageHonor .swiper-button-next:hover{ background-color: #d20200;}
.pageHonor .swiper-button-prev:hover span,.pageHonor .swiper-button-next:hover span{ color: #fff;}
.pageHonor .swiper-pagination{ position: relative; display: inline-block; margin: 0 40px;max-width: 70%;}
.pageHonor .swiper-pagination-bullet {width: 14px ;  height:14px ;margin: 0  10px;border-radius: 14px ;background-color: rgba(255, 66, 41, 0.5) ; }
.pageHonor .swiper-pagination-bullet-active{  width: 28px; background-color: rgba(255, 66, 41, 1);}


/*pagePersistence*/
.pagePersistence{width: 100%;overflow: hidden;position: relative;height: 800px;}
.pagePersistence .cont{width: 42%; padding-top: 90px;  padding-right:8%;}
.pagePersistence .cont ul{margin-top:80px;}
.pagePersistence .cont ul li{margin-bottom:40px;}
.pagePersistence .cont ul li .tit{font-size: 20px;line-height: 26px;color: #333;}
.pagePersistence .cont ul li .txt{font-size: 14px;line-height: 24px;color: #999999;margin-top: 10px;}
.pagePersistence .persistence{width:50%;overflow:hidden;position: absolute;right: 0;top: 0;}
.pagePersistence .persistence .bd{width: 100%;}
.pagePersistence .persistence .bd li{width: 100%;height:800px;overflow: hidden;}
.pagePersistence .persistence .bd li a{display: block;width: 100%;height: 100%;}
.pagePersistence .persistence .bd img{ height:100%;display:block;}
.pagePersistence .persistence .hd{width:80px;height:50%;overflow:hidden;background-color: rgba(255,255,255,.8);position:absolute;top:0;left:0;z-index:1; }
.pagePersistence .persistence .hd ul li{padding: 16px 0 16px 10px;box-sizing: border-box;font-size: 24px;color: #b4b8bb;cursor:pointer;font-family: Avignon;}
.pagePersistence .persistence .hd ul li.on{color:#000; }
.pagePersistence .persistence .hd ul li:first-child { margin-top:90px;}


/*网站*/
/*pageWebsite*/
.pageWebsite{width: 100%;min-height:760px;overflow: hidden;position: relative;background-color: #FFFFFF;margin-bottom: 100px;}
.pageWebsite .img{width: 57%;overflow: hidden;float: right;position: relative;}
.pageWebsite .img img{width: 100%;display: block;}
.pageWebsite .img .img1{width:47%;position: absolute;top: 12%;right: -10%;}
.pageWebsite .img .img2{width:44%;position: absolute;bottom: 4%;right: 0;}
.pageWebsite .img .img3{width:49%;position: absolute;top: 4%;right: 26%;}
.pageWebsite .img .img4{width:19%;position: absolute;bottom: 36%;left: 6%;}
.pageWebsite .img .img5{width:15%;position: absolute;bottom: 8%;left: 38%;}
.pageWebsite .contBox{width: 87%;position: absolute;top: 0;left: 0;right: 0;margin: auto;min-width: 1150px;padding-top: 80px;padding-right: 56%;box-sizing: border-box;}
.pageWebsite .contBox .text{font-size: 16px;line-height: 28px;color: #676767;margin: 20px 0 30px;}
.pageWebsite .contBox ul{width:100%;display: table;font-size: 0;text-align: left;}
.pageWebsite .contBox ul li{display: inline-block;vertical-align: top;font-size: 16px;color: #333333;width: 150px;margin-right:9%;margin-top: 16px;}
.pageWebsite .contBox ul li span{font-size: 20px;}
.pageWebsite .box{width: 87%;position: absolute;bottom: 0;left: 0;right: 0;margin: auto;min-width: 1150px;}
.pageWebsite .box ul{width: 76%;background-color: #FFFFFF;padding: 60px 0 0;display: inline-block;font-size: 0;text-align: left;min-width: 1150px;}
.pageWebsite .box ul li{display: inline-block;vertical-align: top;margin-right: 10%;cursor: pointer;}
.pageWebsite .box ul li:last-child{margin-right: 0;}
.pageWebsite .box ul li .iconfont{width: 76px;height: 76px;border: solid 1px #ccd0d4;border-radius: 50%;color: #d20200;font-size: 50px;margin: 0 auto;transition: all 0.6s ease;}
.pageWebsite .box ul li .tit{font-size: 24px;color: #333333;text-align: center;margin: 14px 0 20px;transition: all 0.6s ease;}
.pageWebsite .box ul li .txt{font-size: 14px;line-height: 26px;color: #999999;text-align: center;}
.pageWebsite .box ul li:hover .iconfont{transform: rotateY(360deg);background-color: #d20200;color: #FFFFFF;border-color: #d20200;}
.pageWebsite .box ul li:hover .tit{color: #d20200;}


/*pagePlan*/
.pagePlan{width: 100%;background-color: #FFFFFF;overflow: hidden;margin-bottom: 60px;}
.pagePlan .wrap{position: relative;height: 770px;}
.pagePlan .img{width: 59%;float: left;overflow: hidden;}
.pagePlan .img img{width: 100%;display: block;}
.pagePlan .cont{width: 37%;float: left;margin-left: 4%;}
.pagePlan .cont .tit{font-size: 48px;color: #333;margin: 80px 0 20px;}
.pagePlan .cont .text{font-size: 16px;line-height: 34px;color: #333333;}
.pagePlan .cont .text .txt{position: relative;padding-left: 16px;box-sizing: border-box;}
.pagePlan .cont .text .txt::after{content: '';width: 6px;height: 6px;background-color: #909596;border-radius: 50%;position: absolute;top: 14px;left: 0;}
.pagePlan .imgBox{width: 51%;position: absolute;bottom: 0;right: 0;overflow: hidden;}
.pagePlan .imgBox img{width: 100%;display: block;}
@media (max-width: 1680px) {
    .pagePlan .wrap{height: 700px;}
}
@media (max-width: 1440px) {
    .pagePlan .wrap{height: 630px;}
    .pagePlan .cont .tit{font-size: 44px;}
}

/*pageAchievements*/
.pageAchievements{width: 100%;height: 930px;background: url("../images/web/bg.jpg") left center no-repeat;overflow: hidden;position: relative;}
.pageAchievements .img{width: 53%;height: 100%;position: absolute;top: 0;right: 0;}
.pageAchievements .cont{width: 40%;padding-top: 90px;}
.pageAchievements .cont .title{font-size: 42px;line-height: 60px;color: #333;}
.pageAchievements .cont ul{width: 100%;margin-top: 70px;}
.pageAchievements .cont ul li{width: 100%;position: relative;padding-left: 160px;box-sizing: border-box;margin-bottom: 60px;}
.pageAchievements .cont ul li .num{font-size: 80px;line-height: 40px;font-family:Avignon;color: #d0d0d0;position: absolute;top: 0;left: 0;}
.pageAchievements .cont ul li .tit{font-size: 24px;line-height:30px;color: #333;margin-bottom: 10px;}
.pageAchievements .cont ul li .txt{font-size: 18px;line-height:28px;color: #333333;}
.pageAchievements .cont .a{width: 200px;height: 50px;background-color: #d20200;margin: 0 0 0 160px;line-height: 50px;text-align: center;color: #fff;font-size: 16px;transition: all 0.6s ease; cursor: pointer;}
.pageAchievements .cont .a:hover{background-color: #333;}
@media (max-width: 1600px) {
    .pageAchievements .img{background-position: right -20% center !important;}
}
@media (max-width: 1440px) {
    .pageAchievements .img{background-position: right -40% center !important;}
}
@media (max-width: 1366px) {
    .pageAchievements .img{background-position: right -60% center !important;}
}
@media (max-width: 1280px) {
    .pageAchievements .img{background-position: right -80% center !important;}
}
@media (max-width: 1200px) {
    .pageAchievements .img{background-position: right -160% center !important;}
}


/*微信*/
/*pageWeChat*/
.pageWeChat{width: 100%;min-height:700px;overflow: hidden;position: relative;background-color: #FFFFFF;margin-bottom: 100px;}
.pageWeChat .img{width: 57%;overflow: hidden;float: right;position: relative;}
.pageWeChat .img img{width: 100%;display: block;}
.pageWeChat .img .img1{width:40%;position: absolute;top: -4%;right: -2%;}
.pageWeChat .img .img2{width:36%;position: absolute;bottom: -12%;right: -23%;}
.pageWeChat .img .img3{width:40%;position: absolute;top: -12%;right: 34%;}
.pageWeChat .img .img4{width:40%;position: absolute;bottom: -12%;right: 8%;}
.pageWeChat .img .img5{width:40%;position: absolute;bottom: -4%;left: 16%;}
.pageWeChat .contBox{width: 87%;position: absolute;top: 0;left: 0;right: 0;margin: auto;min-width: 1150px;padding-top: 80px;padding-right: 56%;box-sizing: border-box;}
.pageWeChat .contBox .text{font-size: 16px;line-height: 28px;color: #676767;margin: 20px 0 30px;}
.pageWeChat .contBox ul{width:100%;display: table;font-size: 0;text-align: left;}
.pageWeChat .contBox ul li{display: inline-block;vertical-align: top;font-size: 16px;color: #333333;width: 165px;margin-right:9%;margin-top: 16px;}
.pageWeChat .contBox ul li span{font-size: 20px;}
.pageWeChat .box{width: 87%;position: absolute;bottom: 0;left: 0;right: 0;margin: auto;min-width: 1150px;}
.pageWeChat .box ul{width: 76%;background-color: #FFFFFF;padding: 60px 0 0;display: inline-block;font-size: 0;text-align: left;min-width: 1150px;}
.pageWeChat .box ul li{display: inline-block;vertical-align: top;margin-right: 9%;cursor: pointer;}
.pageWeChat .box ul li:last-child{margin-right: 0;}
.pageWeChat .box ul li .iconfont{width: 76px;height: 76px;border: solid 1px #ccd0d4;border-radius: 50%;color: #d20200;font-size: 50px;margin: 0 auto;transition: all 0.6s ease;}
.pageWeChat .box ul li .tit{font-size: 24px;color: #333333;text-align: center;margin: 14px 0 20px;transition: all 0.6s ease;}
.pageWeChat .box ul li .txt{font-size: 14px;line-height: 26px;color: #999999;text-align: center;}
.pageWeChat .box ul li:hover .iconfont{transform: rotateY(360deg);background-color: #d20200;color: #FFFFFF;border-color: #d20200;}
.pageWeChat .box ul li:hover .tit{color: #d20200;}


/*pageService*/
.pageService{width: 100%;background-color: #FFFFFF;overflow: hidden;margin-bottom: 100px;position: relative;}
.pageService .img{width: 59%;overflow: hidden;}
.pageService .img img{width: 100%;display: block;}
.pageService .cont{width: 87%;min-width:1150px;padding-left: 56%;box-sizing: border-box;position: absolute;top: 0;left: 50%;transform: translateX(-50%);}
.pageService .cont .tit{font-size: 48px;color: #333;margin: 80px 0 20px;}
.pageService .cont .text{font-size: 16px;line-height: 34px;color: #333333;}
.pageService .cont .text .txt{position: relative;padding-left: 16px;box-sizing: border-box;}
.pageService .cont .text .txt::after{content: '';width: 6px;height: 6px;background-color: #909596;border-radius: 50%;position: absolute;top: 14px;left: 0;}
@media (max-width: 1680px) {
    .pageService .cont .tit{font-size: 46px;}
}
@media (max-width: 1280px) {
    .pageService .cont{padding-left: 58%;}
}
@media (max-width: 1200px) {
    .pageService .cont{padding-left:61%;}
}

/*pageDemand*/
.pageDemand{width: 100%;background: url(../images/wechat/bg.jpg) no-repeat fixed;overflow: hidden;position: relative;}
.pageDemand .wrap{position: absolute;top: 0;left: 0;right: 0;}
.pageDemand .box{width: 32%;padding-top: 6%;}
.pageDemand .box .title{font-size: 48px;line-height: 68px;color: #fff;}
.pageDemand .box .txt{font-size: 16px;line-height: 28px;color: #fff;margin: 20px 0 100px;}
.pageDemand .box .a{width: 200px;height: 50px;background-color: #d20200;line-height: 50px;cursor: pointer;text-align: center;color: #fff;font-size: 16px;transition: all 0.6s ease;}
.pageDemand .box .a:hover{background-color: #333;}
.pageDemand .item{width: 62%;height: 100%;float: right;}
.pageDemand .item ul{ width: 100%; font-size: 0; padding: 10px; box-sizing: border-box;}
.pageDemand .item ul li { display: inline-block; vertical-align: top; margin:10px 0; padding:0 10px; font-size: 16px; width: 33.33%; box-sizing: border-box; }
.pageDemand .item ul li .bg{background-color: rgba(255,255,255,1); box-sizing: border-box; padding: 30px; position: relative; transition: all 0.8s ease;}
.pageDemand .item ul li .bg:hover{ background-color: rgba(255,255,255,1);}
.pageDemand .item ul li .iconT{ position: absolute; top: 50%; transform: translateY(-50%); right: 30px; z-index: 2;  width: 30%; text-align: center; height: 100px; }
.pageDemand .item ul li h3{ display: inline-block; font-size: 60px; color: #d20200; font-family:'Avignon'; line-height: 60px; margin-top: -20px;}
.pageDemand .item ul li .tit{ font-size: 20px; color: #333; margin-top: 20px; font-weight: bold; width: 55%;} 
.pageDemand .item ul li .txt{ font-size: 14px; color: #666; margin-top: 10px; width: 55%;}

@media (max-width: 1680px) {
    .pageDemand .box .title{font-size: 44px;line-height: 64px;}
}
@media (max-width: 1680px) {
    .pageDemand .box .title{font-size: 40px;line-height: 62px;}
}
@media (max-width: 1440px) {
    .pageDemand .box .title{font-size: 36px;line-height: 58px;}
}



/*网络营销*/
/*pageMarket*/
.pageMarket{width: 100%;min-height:700px;overflow: hidden;position: relative;background-color: #FFFFFF;margin-bottom: 100px;}
.pageMarket .img{width: 57%;overflow: hidden;float: right;position: relative;}
.pageMarket .img img{width: 100%;display: block;}
.pageMarket .img .img1{width: 48%;position: absolute; top: 6%; left:-4%;}
.pageMarket .img .img2{width: 24%;position: absolute; bottom: 8%; left:-8%;}
.pageMarket .img .img3{width: 25%;position: absolute; bottom: 10%; left:18%;}
.pageMarket .img .img4{width: 28%;position: absolute; bottom: 6%; left:42%;}
.pageMarket .img .img5{width: 32%;position: absolute; bottom: -4%; right:-4%;}
.pageMarket .img .img6{width: 12%;position: absolute; bottom: 26%; right:18%;}
.pageMarket .img .img7{width: 32%;position: absolute; bottom: 42%; right:32%;}
.pageMarket .img .img8{width: 36%;position: absolute; top: 6%; right:0%;}
.pageMarket .contBox{width: 87%;position: absolute;top: 0;left: 0;right: 0;margin: auto;min-width: 1150px;padding-top: 80px;padding-right: 56%;box-sizing: border-box;}
.pageMarket .contBox .text{font-size: 16px;line-height: 28px;color: #676767;margin: 20px 0 30px;}
.pageMarket .contBox ul{width:100%;display: table;font-size: 0;text-align: left;}
.pageMarket .contBox ul li{display: inline-block;vertical-align: top;font-size: 16px;color: #333333;width: 170px;margin-right:9%;margin-top: 16px;}
.pageMarket .contBox ul li span{font-size: 20px;}
.pageMarket .box{width: 87%;position: absolute;bottom: 0;left: 0;right: 0;margin: auto;min-width: 1150px;}
.pageMarket .box ul{width: 76%;background-color: #FFFFFF;padding: 60px 0 0;display: inline-block;font-size: 0;text-align: left;min-width: 1150px;}
.pageMarket .box ul li{display: inline-block;vertical-align: top; width: 20%; margin:0 5%;cursor: pointer;}
.pageMarket .box ul li:last-child{margin-right: 0;}
.pageMarket .box ul li .iconfont{width: 76px;height: 76px;border: solid 1px #ccd0d4;border-radius: 50%;color: #d20200;font-size: 50px;margin: 0 auto;transition: all 0.6s ease;}
.pageMarket .box ul li .tit{font-size: 24px;color: #333333;text-align: center;margin: 14px 0 20px;transition: all 0.6s ease;}
.pageMarket .box ul li .txt{font-size: 14px;line-height: 26px;color: #999999;text-align: center;}
.pageMarket .box ul li:hover .iconfont{transform: rotateY(360deg);background-color: #d20200;color: #FFFFFF;border-color: #d20200;}
.pageMarket .box ul li:hover .tit{color: #d20200;}


/*pageInquiry*/
.pageInquiry{width: 100%;position: relative;padding-bottom: 120px;overflow: hidden;margin-bottom: 80px;}
.pageInquiry .img{width: 100%;overflow: hidden;}
.pageInquiry .img img{width: 100%;display: block;}
.pageInquiry .wrap{height: 100%;position: absolute;top: 0;left: 0;right: 0;}
.pageInquiry .contBox{width: 52%;overflow: hidden;position: absolute;top: 0;right: 0;height: 100%;}
.pageInquiry .contBox img{width: 100%;display: block;}
.pageInquiry .cont{width: 100%;position: absolute;top: 0;left: 0;background-color: rgba(0,0,0,0.7);height: 100%;padding: 6% 7%;box-sizing: border-box;}
.pageInquiry .cont .tit{font-size: 48px;color: #fff;margin: 0 0 10px;}
.pageInquiry .cont .title{font-size: 16px;color: #e8e8e8;margin-bottom: 60px;}
.pageInquiry .cont .text{font-size: 16px;line-height: 34px;color: #fff;}
.pageInquiry .cont .text .txt{position: relative;padding-left: 16px;box-sizing: border-box;float: left;margin-right: 10%;}
.pageInquiry .cont .text .txt:last-child{margin-right: 0;}
.pageInquiry .cont .text .txt::after{content: '';width: 6px;height: 6px;background-color: #909596;border-radius: 50%;position: absolute;top: 14px;left: 0;}
.pageInquiry .cont .a{width: 200px;height: 50px;margin: 120px 0 0 0;line-height: 50px;background-color: #d20200;cursor: pointer;text-align: center;color: #fff;font-size: 16px;transition: all 0.6s ease;}
.pageInquiry .cont .a:hover{background-color: #fff;color: #d20200;}

/*pageChannel*/
.pageChannel{width: 100%;background-color: #FFFFFF;padding-bottom: 100px;}
.pageChannel .cont{text-align: center;}
.pageChannel .cont .tit{font-size: 48px;color: #333333;}
.pageChannel .cont .title{font-size: 16px;color: #676767;margin-top: 14px;}
.pageChannel .box{width: 100%;position: relative;margin-top: 60px;z-index: 1;}
.pageChannel .box .bg-solid{width: 100%;height: 1px;background-color: #eeeeee;position: absolute;top: 120px;left: 0;z-index: -1;}
.pageChannel .box ul{width: 64%;margin: 0 auto;display: table;font-size: 0;text-align: center;min-width: 1150px;}
.pageChannel .box ul li{display: inline-block;vertical-align: top;margin-right: 20%;cursor: pointer;}
.pageChannel .box ul li:last-child{margin-right: 0;}
.pageChannel .box ul li .num{font-size: 40px;line-height: 40px;color: #b3b6bb;font-family: Avignon;transition: all 0.6s ease;}
.pageChannel .box ul li .icon{width: 140px;height: 140px;background-color: #FFFFFF;margin: 10px auto 20px;}
.pageChannel .box ul li .icon img{width: 120px;height: 120px;border-radius: 50%;border: 1px solid #e0e0e0;margin: 10px;box-sizing: border-box;transition: all 0.6s ease;}
.pageChannel .box ul li .tit{font-size: 24px;color: #333333;margin-bottom: 30px;transition: all 0.6s ease;}
.pageChannel .box ul li .txt{font-size: 14px;line-height: 26px;color: #999999;}
.pageChannel .box ul li:hover .num{color: #d20200;}
.pageChannel .box ul li:hover .icon img{transform: rotateX(360deg);border-color: #333;}
.pageChannel .box ul li:hover .tit{color: #d20200;}


/*pageExtension*/
.pageExtension{width: 100%;background: url("../images/marketing/bg.jpg") center center no-repeat fixed;padding: 80px 0;background-size:cover;}
.pageExtension .text{font-size: 48px;line-height: 70px;color: #ffffff;text-align: center;}


/*全景*/
/*pageVr*/
.pageVr{width: 100%;min-height:720px;overflow: hidden;position: relative;background-color: #FFFFFF;margin-bottom: 100px;}
.pageVr .img{width: 57%;overflow: hidden;float: right;position: relative;}
.pageVr .img img{width: 100%;display: block;}
.pageVr .img .img1{width:24%;position: absolute;top: 5%;left: 7%;}
.pageVr .img .img2{width:15%;position: absolute;bottom: 5%;right: 8%;}
.pageVr .img .img3{width:40%;position: absolute;top: 10%;right: 25%;}
.pageVr .img .img4{width:53%;position: absolute;top: 5%;right: 15%;}
.pageVr .contBox{width: 87%;position: absolute;top: 0;left: 0;right: 0;margin: auto;min-width:1150px;padding-top: 80px;padding-right: 56%;box-sizing: border-box;}
.pageVr .contBox .text{font-size: 16px;line-height: 28px;color: #676767;margin: 20px 0 30px;}
.pageVr .contBox ul{width:100%;display: table;font-size: 0;text-align: left;}
.pageVr .contBox ul li{display: inline-block;vertical-align: top;font-size: 16px;color: #333333;width: 170px;margin-right:9%;margin-top: 16px;}
.pageVr .contBox ul li span{font-size: 20px;}
.pageVr .box{width: 87%;position: absolute;bottom: 0;left: 0;right: 0;margin: auto;min-width: 1150px;}
.pageVr .box ul{width: 76%;background-color: #FFFFFF;padding: 50px 0;display: inline-block;font-size: 0;text-align: left;min-width: 1150px;}
.pageVr .box ul li{display: inline-block;vertical-align: top;margin-right: 15%;width: 260px;cursor: pointer;}
.pageVr .box ul li:last-child{margin-right: 0;}
.pageVr .box ul li .tit{font-size: 24px;color: #000;line-height: 34px;transition: all 0.6s ease;}
.pageVr .box ul li .txt{font-size: 14px;line-height: 24px;color: #666;margin: 30px 0 60px;transition: all 0.6s ease;}
.pageVr .box ul li a{display: block;width: 146px;height: 42px;background-color: #ffffff;border: solid 2px #030000;line-height: 42px;text-align: center;color: #000;font-size: 16px;transition: all 0.6s ease;}
.pageVr .box ul li:hover .tit{color: #d20200;}
.pageVr .box ul li:hover .txt{color: #000000;}
.pageVr .box ul li:hover a:hover{color: #FFFFFF;background-color: #d20200;border-color: #d20200;box-shadow: 0 5px 18px 0 rgba(255, 66, 41, 0.18);-webkit-box-shadow: 0 5px 18px 0 rgba(255, 66, 41, 0.18);-moz-box-shadow: 0 5px 18px 0 rgba(255, 66, 41, 0.18);}


/*pageSuperiority*/
.pageSuperiority{width: 100%;background-color: #FFFFFF;padding-bottom: 100px;overflow: hidden;}
.pageSuperiority .box{text-align: center;}
.pageSuperiority .box .tit{font-size: 48px;color: #333333;}
.pageSuperiority .box .txt{font-size: 16px;color: #676767;margin-top: 14px;}
.pageSuperiority ul{width: 100%;display: table;font-size: 0;text-align: left;margin-top: 40px;}
.pageSuperiority ul li{width: 49%;display: inline-block;vertical-align: top;margin-right: 2%;margin-top: 2%;overflow: hidden;background-color: #000000;}
.pageSuperiority ul li:nth-child(2n){margin-right: 0;}
.pageSuperiority ul li a{display: block;width: 100%;position: relative;}
.pageSuperiority ul li img{width: 100%;display: block;transition: all 0.6s ease;transform: scale(1.05);}
.pageSuperiority ul li .cont{position: absolute;bottom: 6%;left: 0;padding:0 6%;box-sizing: border-box;transition: all 0.6s ease;}
.pageSuperiority ul li .cont .tit{font-size: 24px;color: #ffffff;margin-bottom: 20px;}
.pageSuperiority ul li .cont .txt{font-size: 14px;line-height: 26px;color: #ffffff;position: relative;padding-bottom: 20px;}
.pageSuperiority ul li .cont .txt::after{content: '';width: 0;height: 2px;background-color: rgba(255,255,255,0.5);position: absolute;bottom: 0;left: 0;transition: all 0.6s ease;}
.pageSuperiority ul li:hover img{opacity: 0.6;filter:alpha(opacity=60);transform: scale(1);}
.pageSuperiority ul li:hover .cont{bottom: 50%;transform: translateY(50%);}
.pageSuperiority ul li:hover .cont .txt::after{width: 50px;}

/*pageVisual*/
.pageVisual{width: 100%;background: url("../images/vr/bg.jpg") right top no-repeat fixed;padding: 40px 0 110px;background-size:cover;}
.pageVisual .wrap{position: relative;padding-top: 70px;}
.pageVisual .text{font-size: 48px;line-height: 70px;color: #ffffff;}
.pageVisual img{position: absolute;top: 0;right: 0;}


/*pageCaseBanner*/
.pageCaseBanner{width: 100%;position: relative; background-color: #fafafa; overflow: hidden;}
.pageCaseBanner .img{width: 100%;display: block; position: absolute; z-index: 1; top: 0; left: 0; right: 0; margin: auto;}
.pageCaseBanner .box{ padding-top: 230px; z-index: 3; position: relative;}
.pageCaseBanner .box.webbox{width: 75.4%;margin:0 auto 0; }
.pageCaseBanner .box.webbox .cont{text-align: center;}
.pageCaseBanner .box.webbox .cont .tit{font-size: 56px;color: #ffffff;}
.pageCaseBanner .box.webbox .cont .title{font-size: 18px; line-height: 40px; color: #ffffff;margin-top: 10px;}
.pageCaseBanner .box.webbox .imgBox{width: 100%;position: relative;margin-top: 4%; overflow: hidden;}
.pageCaseBanner .box.webbox .imgBox .img1{width: 100%;display: block;position: relative; z-index: 1;}
.pageCaseBanner .box.webbox .imgBox .img2{width: 77.7%; height: 84.8%; position: absolute;top: 6%;left: 0;right: 0;margin: auto; z-index: 2; overflow: hidden;}
.pageCaseBanner .box.webbox .imgBox .img2 img{ width: 100%; display: block;}
.pageCaseBanner .box.webbox .imgBox .img2 iframe{ width: 100%; height: 100%;}

.pageCaseBanner .box.wxbox{width: 75.4%;margin:0 auto  ; padding-bottom: 60px;  font-size: 0;}
.pageCaseBanner .box.wxbox .cont{ width: 44%; padding-right: 30%;margin-top: -10%; display: inline-block; vertical-align: middle; }
.pageCaseBanner .box.wxbox .cont .tit{font-size: 56px;color: #ffffff;}
.pageCaseBanner .box.wxbox .cont .title{font-size: 16px; line-height: 40px; color: #ffffff;margin-top: 20px;}
.pageCaseBanner .box.wxbox .imgBox{ width: 26% ; display: inline-block; vertical-align: middle; position: relative;margin-top: 0; overflow: hidden;  }
.pageCaseBanner .box.wxbox .imgBox .mb{  width: 100%;  z-index: 2;}
.pageCaseBanner .box.wxbox .imgBox .mb .img1{width: 100%;display: block;position: relative; z-index: 2;}
.pageCaseBanner .box.wxbox .imgBox .mb .img2{width: 69.8%; height:88%; position: absolute;top: 6.5%;left: 0;right: 0;margin: auto; z-index: 1; overflow: hidden;}
.pageCaseBanner .box.wxbox .imgBox .mb .img2 img{ width: 100%; display: block;}
.pageCaseBanner .box.wxbox .imgBox .mb .img2 iframe{ width: 100%; height: 100%;}


/*pageCaseD*/
.pageCaseD{width: 100%;padding: 80px 0 ; position: relative; z-index: 2;}
.pageCaseD .box{width: 75%;min-width: 1150px;margin: 0 auto;}
.pageCaseD .box .cont{ width:70%; position: relative;}
.pageCaseD .box .cont .info{ width: 100%; font-size: 0;}
.pageCaseD .box .cont .info dl{ display: inline-block; width: 45%; vertical-align: top; margin-right: 10%;}
.pageCaseD .box .cont .info dl:last-child{ margin-right: 0;}
.pageCaseD .box .cont .info dl dt{ font-size: 24px; color: #333; text-transform: uppercase; font-family:'Avignon';}
.pageCaseD .box .cont .info dl dd{ width: 100%; padding: 10px 0; line-height: 20px;min-height: 20px; border-bottom: solid 1px #eee; font-size: 14px; color: #333;}
.pageCaseD .box .cont .info dl dd a{ font-size: 14px; color: #333; }
.pageCaseD .box .cont .info dl dd a:hover{ color: #d20200;}
.pageCaseD .box .cont .info dl dd em{ margin: 0 5px;}
.pageCaseD .box .cont .info dl dd em:last-child{ display: none; }
.pageCaseD .box .cont .title{font-size: 36px;color: #000; margin: 15px 0 10px 0;}
.pageCaseD .box .cont .sum{ width: 100%;font-size: 14px;line-height: 28px;color: #666666;}
.pageCaseD .box .cont .sum img{ max-width: 100%;}
.pageCaseD .box .ewm{  width: 15%;float: right; text-align: center;  box-sizing: border-box;}
.pageCaseD .box .ewm #ewm{ border-radius: 5px; overflow: hidden; background-color: #fff;  width: 100%; border: solid 1px #eee;padding: 15px;  box-sizing: border-box;}
.pageCaseD .box .ewm canvas{ width: 100%; }
.pageCaseD .box .ewm p{ font-size: 14px; margin-top: 10px;}
.pageCaseD .box .ewm img{border-radius: 5px; overflow: hidden; background-color: #fff;  width: 100%; border: solid 1px #eee;padding: 15px;  box-sizing: border-box;}
.pageCaseD .box .img{width: 100%;overflow: hidden;margin-top: 80px;box-shadow: 0 0 20px rgba(0,0,0,0.1);-webkit-box-shadow: 0 0 20px rgba(0,0,0,0.1);-moz-box-shadow: 0 0 20px rgba(0,0,0,0.1); text-align: center;}
.pageCaseD .box .img img{max-width: 100%;display: inline-block;}

/*pageLink*/
.pageLink{width: 100%;transition: all 0.6s ease;}
.scoll{position: fixed;bottom:60%;left: 0;z-index: 9999;transition: all 0.6s ease;}
.pageLink .box{width: 96%;position: relative; margin: auto ;}
.pageLink .box a{display: inline-block;position: relative; width: 50px; font-size: 14px;line-height:20px;color: #fff;box-sizing: border-box;padding: 15px ;border-radius: 25px;background-color: rgba(0,0,0,0.5);opacity: 0.3;filter:alpha(opacity=30);transition: all 0.6s ease; overflow: hidden;}
.pageLink .box a .iconfont{font-size: 16px;line-height:20px; width: 20px; text-align: center;  }
.pageLink .box a span{ display: inline-block;  transition: all 0.6s ease;  position: absolute; top: 0; line-height: 50px; transform: scaleX(0); }
.pageLink .box a.fr{ right: 6%;  }
.pageLink .box a.fr span{ left: 15px;}
.pageLink .box a.fl{ left: 6%;}
.pageLink .box a.fl span{ right: 15px;}
.pageLink .box a.fl .iconfont{transform: rotate(-180deg);}
.pageLink .box a.fr .iconfont{ float: right;}
.pageLink .box a:hover{background-color: #d20200;opacity: 1;filter:alpha(opacity=100); width: 90px;}
.pageLink .box a:hover span{  transform: scaleX(1);}
.pageLinkOn{bottom: 14%;transition: all 0.6s ease;}
.pageLinkOn .box a.fr{ right: 1%;}
.pageLinkOn .box a.fl{ left: 1%;}

/*pageCode*/
.pageCode{width: 100%; padding: 100px 0; background-color: #fafafa;}
.pageCode .img{width: 200px;height: 200px;border: 1px solid #eeeeee;margin: 0 auto;}
.pageCode .img img{width: 200px;height: 200px;}
.pageCode .txt{font-size: 14px;line-height: 26px;color: #999999;text-align: center;margin-top: 20px;}


/*pageNav*/
.pageNav{width: 100%;border-bottom: 1px solid #eeeeee;padding: 40px 0 ;overflow: hidden;}
.pageNav .wz{max-width: 38%;float: left;font-size: 24px;color: #999999;}
.pageNav .wz a{color: #999999;}
.pageNav .wz a:hover{color: #d20200;}
.pageNav .wz span{ margin: 0 5px;}
.pageNav ul{width: 60%;float: right;display: table;font-size: 0;text-align: right;}
.pageNav ul li{display: inline-block;vertical-align: top;margin-left: 80px;}
.pageNav ul li:first-child{margin-left: 0;}
.pageNav ul li a{font-size: 24px;color: #333333;}
.pageNav ul li:hover a,.pageNav ul li.on a{color: #d20200;}
@media (max-width: 1366px) {
    .pageNav ul li{margin-left: 70px;}
}
@media (max-width: 1280px) {
    .pageNav ul li{margin-left: 60px;}
}

/*pageNews*/
.pageNews{width: 100%; padding-top:0px; padding-bottom:0px;  height:auto;overflow: hidden;}
.pageNews .box{width: 100%; overflow: hidden;}
.pageNews .box .leftCont{width: 66%;float: left;overflow: hidden;position: relative;}
.pageNews .box .leftCont img{width: 100%;display: block;}
.pageNews .box .leftCont .cont{position: absolute;top: 0;left: 0;padding: 4% 5%;box-sizing: border-box;width: 100%;height: 100%;}
.pageNews .box .leftCont .title{font-size: 48px;color: #333;}
.pageNews .box .leftCont .tit{font-size: 32px;color: #b6b4b4;text-transform: uppercase;font-weight: bold;}
.pageNews .box .leftCont .text{font-size: 24px;color: #666666;line-height: 34px;margin-top: 20px;}
.pageNews .box .rightCont{width: 32%;float: right;}
.pageNews .box .rightCont a{display: block;width: 100%;padding-bottom: 80px;position: relative;}
.pageNews .box .rightCont .img{width: 100%;overflow: hidden;}
.pageNews .box .rightCont .img img{display: block;width: 100%;transition: all 0.6s ease;}
.pageNews .box .rightCont .tit{font-size: 24px;color: #333;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;margin-top: 30px;transition: all 0.6s ease;}
.pageNews .box .rightCont .tit span{ color: #d20200; margin-right: 10px;}
.pageNews .box .rightCont .time{font-size: 16px;letter-spacing: 1px;color: #999999;text-transform: uppercase;margin: 10px 0 20px;transition: all 0.6s ease;}
.pageNews .box .rightCont .txt{font-size: 14px;line-height: 24px;color: #666;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;transition: all 0.6s ease;}
.pageNews .box .rightCont .l{ width: 40px ; height: 3px; background-color: #999;  position: absolute;bottom: 0;left: 0;transition: all 0.6s ease;}
.pageNews .box .rightCont:hover .img img{transform: scale(1.1);}
.pageNews .box .rightCont:hover .tit{color: #d20200;}
.pageNews .box .rightCont:hover .time,.pageNews ul li:hover .txt{color: #333;}
.pageNews .box .rightCont:hover .l{ width: 30%; background-color: #d20200;}
.pageNews ul{width: 100%;display: table;font-size: 0;text-align: left; padding-top:25px;}
.pageNews ul li{width: 30%;display: inline-block;vertical-align: top;margin-right: 4%;margin-top: 0;}
.pageNews ul li a{display: block;width: 100%;padding-bottom: 40px;position: relative;}
.pageNews ul li:nth-child(3n){margin-right: 0;}
.pageNews ul li .img{width: 100%;overflow: hidden; border-radius:0px;}
.pageNews ul li .img img{display: block;width: 100%;transition: all 0.6s ease;}
.pageNews ul li .tit{font-size: 18px;color: #333;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;transition: all 0.6s ease; padding-bottom:4%;}
.pageNews ul li .tit span{ color: #d20200; margin-right: 10px;}
.pageNews ul li .time{font-size: 16px;letter-spacing: 1px;color: #999999;text-transform: uppercase;margin: 0px 0 20px;transition: all 0.6s ease; font-family:DINEngschriftStd; }
.pageNews ul li .txt{font-size: 15px;line-height: 24px;color: #666;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;transition: all 0.6s ease;}
.pageNews ul li .l{width: 40px ; height: 3px; background-color: #999;  position: absolute;bottom: 0; left:0;transition: all 0.6s ease; border-radius:25px; overflow:hidden;}
.pageNews ul li:hover .img img{transform: scale(1.1);}
.pageNews ul li:hover .tit{color: #d20200; }
.pageNews ul li:hover .time,.pageNews ul li:hover .txt{color: #333;}
.pageNews ul li:hover .l{ width: 30%; background-color: #d20200; border-radius:10px; overflow:hidden;}


/*pageNewsD*/
.pageNewsD{width: 100%;padding: 40px 0 0;border-bottom: 1px solid #eeeeee;overflow: hidden;}
.pageNewsD .contBox{width: 70%;min-height:680px;float: left;border-right: 1px solid #eeeeee;box-sizing: border-box;padding:0 4% 150px 0; position: relative;}
.pageNewsD .contBox .title{color: #333333;font-size: 30px;font-weight: bold;}
.pageNewsD .contBox .time{color: #666666;font-size: 14px;padding: 26px 0 16px;border-bottom: 1px dashed #e5e5e5;}
.pageNewsD .contBox .time span{margin-right: 15px;}
.pageNewsD .contBox .text{color: #333;font-size: 14px;line-height: 30px; padding: 30px 0;}
.pageNewsD .contBox .text img{ max-width: 10%;}
.pageNewsD .contBox .fx{margin: 30px 0; text-align: center;}
.pageNewsD .contBox .fx a{display: inline-block; width: 36px ;height: 36px ;line-height:36px;background-color: #555;border-radius: 50%;color: #FFFFFF;font-size: 24px;margin-right: 10px;transition: all 0.6s ease; background-image: none ; padding: 0; }
.pageNewsD .contBox .fx a:hover{background-color: #d20200; text-decoration: none;}
.pageNewsD .contBox .link{width: 100%;padding: 30px 0;position: relative;border-top: 1px solid #eeeeee;}
.pageNewsD .contBox .link a{display: block;position: relative;font-size: 14px;line-height:20px;color: #333333;box-sizing: border-box;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.pageNewsD .contBox .link a .iconfont{color: #999999;font-size: 16px;line-height:20px;position: absolute;top: 0;}
.pageNewsD .contBox .link a.fl{padding-left: 30px;max-width: 40%;}
.pageNewsD .contBox .link a.fr{padding-right: 30px;max-width: 40%;}
.pageNewsD .contBox .link a.fl .iconfont{left: 0;transform: rotate(-180deg);}
.pageNewsD .contBox .link a.fr .iconfont{right: 0;}
.pageNewsD .contBox .link a.center{height:100%;padding: 30px 40px 0 66px;box-sizing: border-box;position: absolute;top: 0;left: 50%;transform: translateX(-50%);}
.pageNewsD .contBox .link a.center .iconfont{bottom: 0;left: 40px;margin: auto;font-size: 20px;color: #666666;}
.pageNewsD .contBox .link a:hover,.pageNewsD .contBox .link  a:hover .iconfont{color: #d20200;}
.pageNewsD .contBox .bot{ position: absolute; bottom: 0; right: 4%; width: 96%;}
.pageNewsD .newsD{width:30%;float: right;padding-left: 3%;box-sizing: border-box;position: sticky; display: inline-block; background-color: #fff; z-index: 3;}
.pageNewsD .newsD h1{color: #333333;font-size: 24px;font-weight: bold; }
.pageNewsD .newsD ul{width: 100%;margin-top: 20px;}
.pageNewsD .newsD ul li{width: 100%;border-bottom: 1px dashed #e5e5e5;padding: 14px 0;}
.pageNewsD .newsD ul li .tit{color: #333333;font-size: 16px;line-height: 26px;transition: all 0.6s ease;}
.pageNewsD .newsD ul li .time{color: #999;font-size: 14px;margin-top: 8px;transition: all 0.6s ease;}
.pageNewsD .newsD ul li:hover .tit{color: #d20200;}
.pageNewsD .newsD ul li:hover .time{color: #333333;}



/*pageRecommend*/
.pageRecommend{width: 100%;margin: 50px 0;}
.pageRecommend .title{color: #333333;font-size: 24px;}
.pageRecommend ul{width: 100%;display: table;font-size: 0;text-align: left;}
.pageRecommend ul li{width: 32%;display: inline-block;vertical-align: top;margin-right: 2%;margin-top: 2%;}
.pageRecommend ul li a{display: block;width: 100%;padding-bottom: 40px;position: relative;}
.pageRecommend ul li:nth-child(3n){margin-right: 0;}
.pageRecommend ul li .img{width: 100%;overflow: hidden;}
.pageRecommend ul li .img img{display: block;width: 100%;transition: all 0.6s ease;}
.pageRecommend ul li .tit{font-size: 24px;color: #333;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;margin-top: 30px;transition: all 0.6s ease;}
.pageRecommend ul li .time{font-size: 16px;letter-spacing: 1px;color: #999999;text-transform: uppercase;margin: 10px 0 20px;transition: all 0.6s ease;}
.pageRecommend ul li .txt{font-size: 14px;line-height: 24px;color: #666;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;transition: all 0.6s ease;}
.pageRecommend ul li .l{width: 40px ; height: 3px; background-color: #999;  position: absolute;bottom: 0;left: 0;transition: all 0.6s ease;}
.pageRecommend ul li:hover .img img{transform: scale(1.1);}
.pageRecommend ul li:hover .tit{color: #d20200;}
.pageRecommend ul li:hover .time,.pageNews ul li:hover .txt{color: #333;}
.pageRecommend ul li:hover .l{ width: 30%; background-color: #d20200;}


/*pageContact*/
.pageContact{width: 100%;background-color: #FFFFFF;position: relative;overflow: hidden;}
.pageContact .cont{width: 38%;padding: 70px 0 100px;}
.pageContact .cont .text{width: 100%;position: relative;padding-left: 70px;box-sizing: border-box;margin-top: 60px;}
.pageContact .cont .text .iconfont{color: #333333;font-size: 36px;position: absolute;top: -6px;left: 0;}
.pageContact .cont .text .txt{font-size: 16px;line-height: 28px;color: #000000;margin-bottom: 10px;}
.pageContact .cont .text .txt a{display: block;color: #000000;transition: all 0.6s ease;}
.pageContact .cont .text .txt a:hover{color: #d20200;}
.pageContact .imgBox{width: 56.25%;position: absolute;top: 0;right: 0;height: 100%;}

/* pageMap */
.pageMap{width: 100%; height: 640px;}
.pageMap #mapall {height:640px;width: 100%;}

/* pageForm */
.pageForm{width: 74%;margin:100px auto;min-width: 1150px;}
.pageForm .title{width: 100%;font-size: 48px; color: #333;}
.pageForm .title p{font-size: 18px; color: #333;margin-top: 10px;}
.pageForm .list{ width:100%; margin:80px 0 0; overflow:hidden;}
.pageForm .row{ width:100%;margin:0 0 30px 0;}
.pageForm .row .row_left{ width:47%; float:left; display:block; }
.pageForm .row .row_right{ width:47%; float:right; display:block; }
.pageForm label{ position:relative; display:block; }
.pageForm label span{ position:absolute; left:0; top:20px; font-size:16px; color:#666;}
.pageForm .txt{ border: 0; border-bottom:1px solid #eee; padding:20px 0; background:#fff;}
.pageForm .txt:focus{  border: 0; border-bottom:1px solid #d20200; padding:20px 0; background:#fff;}
.pageForm .txt.w1{ width:100%; height:20px; line-height:20px;font-size: 16px;}
.pageForm .txt.w2{ width:100%; height:100px; line-height:20px;font-size: 16px;}
.pageForm dl{ margin-top: 20px;}
.pageForm dl label{ float: left;}
.pageForm dl label span{  top:15px;}
.pageForm dl .ipt{ border: 0; width: 200px; border-bottom:1px solid #eee; padding:15px 0; line-height: 20px; font-size:16px; }
.pageForm dl input:focus{ float: left; width: 200px; border: 0; border-bottom:1px solid #eee; padding:15px 0; line-height: 20px;  font-size:16px; }
.pageForm #code{ width: 100px; height: 50px; margin: 0 10px;}
.pageForm .btn{ border:0;background:#d20200; border-radius:0; width:220px; height:50px;cursor:pointer; text-align:center;font-size:18px;color:#fff;font-weight: bold; margin-top: 20px;}
.pageForm .row .btn:hover{background:#21282e; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease;-ms-transition: all 0.6s ease; -o-transition: all 0.6s ease; transition: all 0.6s ease;}
.pageForm .row p.xin{line-height:30px; font-size:14px; color: #999;margin-top: 15px;}
.pageForm .row p.xin span{ color:#d20200; font-size: 18px;}



.anli li { float:left; width:100px; line-height:35px; margin-right:15px; border:1px solid #d0d0d0; border-radius:25px; text-align:center; transition:all 0.4s;}
.anli li:hover { background:#d20200; border:1px solid #d20200; color:#fff;}








.introduction{ width:100%; padding:63px 0 63px 0; clear:both; text-align:center; height:480px;}
.introduction h1{ font-size:40px; color:#bf1b3e; margin:0; font-weight:900;}
.introduction h2{ font-size:18px; color:#5a5a5a; margin:13px 0 50px 0; font-weight:normal}




/*厂房*/
.fengcai{ width:1350px; margin:0 auto; }
.hl_main5_content{border-top:none;  }
.hl_main5_content a{ color:#bf1b3e;}
.hl_main5_content a:hover{ font-weight:900;}


.hl_main5_content1{width:90%;overflow:hidden; float:left;  margin:0 auto;margin-left:40px; overflow:hidden;}
.hl_main5_content1 ul{width:26000px; overflow:hidden!important;}
.hl_main5_content1 ul li{float:left; display:inline;margin-right:16px; border-bottom: #ededed solid 1px; padding-bottom:20px; text-align:center;}
.hl_main5_content1 ul li h2{ text-transform:uppercase; font-size:18px; color:#414141; font-weight:normal; margin-bottom:5px;}
.hl_main5_content1 ul li .vpp{ font-size:16px; color:#959595; line-height:55px; padding-top:10px; padding-bottom:10px; width:100%!important; float:left}

.hl_scrool_leftbtn{ background:url(../images/left.jpg) no-repeat left; width:29px; height:57px; float:left; margin-top:80px; cursor:pointer;}
.hl_scrool_rightbtn{ background:url(../images/right.jpg) no-repeat left; width:29px; height:57px; float:right; margin-top:80px; cursor:pointer;}

.calie{ width:288px; height:220px;  display: flex;justify-content: center;align-items: center; overflow:hidden; margin-bottom:15px;}
.calie  img{max-width:288px;height:220px; transition: all 0.8s;object-fit: cover;}
.calie  img:hover{   transform: scale(1.1);}


.m13 a{background:#bf1b3e; width:140px; line-height:32px; float:left; text-align:center;
transition:All 0.4s ease-in-out; color:#FFFFFF;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;}


.m13 a:hover{
	transform: translate(0,-5px);
	-webkit-transform: translate(0,-5px);
	-moz-transform: translate(0,-5px);
	-o-transform: translate(0,-5px);
	-ms-transform: translate(0,-5px);}



.m14 a{background:#ea6d11; width:140px; line-height:32px; float:right; color:#FFFFFF; text-align:center;
transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;}


.m14 a:hover{ 
	transform: translate(0,-5px);
	-webkit-transform: translate(0,-5px);
	-moz-transform: translate(0,-5px);
	-o-transform: translate(0,-5px);
	-ms-transform: translate(0,-5px);}




.m15 a{background:#ea6d11; width:140px; line-height:32px; float:left; color:#FFFFFF; text-align:center; margin-left:10px;
transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;}


.m15 a:hover{ 
	transform: translate(0,-5px);
	-webkit-transform: translate(0,-5px);
	-moz-transform: translate(0,-5px);
	-o-transform: translate(0,-5px);
	-ms-transform: translate(0,-5px);}


.hl_main5_content2{width:100%; float:left;}
.hl_main5_content2 ul{width:100%; }
.hl_main5_content2 ul li{float:left; display:inline;margin-right:42px; margin-left:42px; border-bottom: #ededed solid 1px; margin-bottom:25px; padding-bottom:20px; text-align:center;}
.hl_main5_content2 ul li h2{ text-transform:uppercase; font-size:18px; color:#414141; font-weight:normal; margin-bottom:5px;}
.hl_main5_content2 ul li .vpp{ font-size:16px; color:#959595; line-height:55px; padding-top:10px; padding-bottom:10px; width:100%; float:left}

/*news*/

/*news*/
.huibg{ background:#f5f5f6; width:100%; float:left; padding-top:80px; padding-bottom:80px;}
.wd1200{ width:1150px; margin:auto; padding:60px 50px 60px 50px; background:#FFFFFF}
.fwtu{ padding-top:17px; padding-right:10px;}
.fuwu:nth-child(2){ margin-top:30px;}
.fwdd{ color:#414141; font-size:25px; margin-left:20px; margin-top:10px;padding-right:80px; }
.fwdd h2{font-family: Barlow Regular;display:inline-block;font-size:22px;color:#414141;position:relative;z-index:14; font-weight:normal; text-transform:uppercase;line-height:30px;}
.fwdd h3{ font-weight:normal; line-height:25px;}

.fwdd a {width:140px;padding:12px 0px;transition:.3s all ease-out;display:inline-block;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;position:relative;overflow:hidden;position:relative;z-index:9;line-height:28px;font-family: Barlow Regular;}

.fwdd a:hover h2{ color:#d20200}
.fwdd a:after {content:"";background:#fdb812;position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;transform:scaleX(0);transition-property:transform;transition-duration:.5s;transition-timing-function:ease-out;-webkit-transition-timing-function:ease-out;-webkit-transition-duration:.5s;-webkit-transition-property:transform;-webkit-transform:scaleX(0);-webkit-transform-origin:0 50%;background:#132c62}
.fwdd a:hover span{ color:#d20200!important;}
.fwdd a span{display:inline-block;font-size:14px;color:#7a7a7a;position:relative;z-index:14;}
.fwdd a:hover i {color:#d20200;border-color:#000;}

.fwdd a i {display:inline-block;font-size:20px;color:#7a7a7a;position:relative;z-index:14;margin-left:8px;margin-right:8px; }

.news{ width:20%}
.news h2{ font-size:25px; color:#303030;font-family: Barlow Regular; text-transform:uppercase; font-weight:normal;}
.news  ul { margin-top:20px;}
.news  ul li{ line-height:27px;transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out;-moz-transition:All 0.4s ease-in-out;-o-transition:All 0.4s ease-in-out; padding-bottom:20px;}
.news  ul li span{ padding-right:20px;}
.news  ul li a{ color:#424242; font-size:15px;}
.news  ul li:hover{ transform: translate(0,15px);
-webkit-transform: translate(15px,0px);
-moz-transform: translate(15px,0px);
-o-transform: translate(15px,0px);
-ms-transform: translate(15px,0px);}
.news  ul li:hover a{ color:#d20200}


.about{ width:47%}
.about h2{ font-size:25px; color:#303030;font-family: Barlow Regular; text-transform:uppercase; font-weight:normal; padding-bottom:20px;}

.desc{font-size:15px; margin-top:0px; width:100%; line-height:28px; text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:6;/*显示行数*/ -webkit-box-orient:vertical; overflow:hidden;}



















/*---简介-----------*/
  
  .aboutBg {
    padding-top:90px; width:100%;  overflow:visible; clear:both; height:470px; 
}
  .aboutBgRight {
    height: 100%;
    position: relative;
    z-index: 0;
    padding-bottom:100px
}.shang {
    width: 100%;
    margin: 0 auto;
}
  .ab01_bot dd .fnt_18{
    display: block;
    line-height: 1.2; font-size:18px
}
  
.shang{ width:100%; margin:0 auto;}

.xia{ width:100%; margin:0 auto}
.ab01_bot{ width:100%; margin:0 auto; display:flex}


.ab01_bot{margin:20px 0 20px; padding:80px 0 0;}
.ab01_bot dd{ float: left; width:25%; padding-left:5%; border-right:1px solid #D2D2D2;}
.ab01_bot dd:first-child{ padding-left:0;}
.ab01_bot dd:last-child{border:none;}
.ab01_bot dd h4{ line-height:1.2;color:#686868;}
.ab01_bot dd h4 em{color:#EA2F39; margin-right:5px; }
.ab01_bot dd h4 i{font-size: 18px; color:#EA2F39;}
.ab01_bot dd span{ display: block;line-height: 1.2;}
.abtous{ width: 50%; float:right; border-radius:10px; overflow:hidden; border:9px solid #fff; box-shadow: 0px 5px 5px 5px rgba(0,0,0,.1)}
.abtous img{ width:100%;  }
.about_ri {
    float: left;
    width: 45%;
}
.about_ri h2 {
    
    margin: -40px 0 20px; 
}
.about_ri h3 { font-weight:900; font-size:30px; color:#000; margin-bottom:20px;}
.about_ri h3 b { color:#d20200; font-weight:900;}
.about_ri h2 i { display:block; font-style:normal;font-size:35px; font-weight:normal;color: #000; margin-top:0px;}
.about_ri h2 b{
    font-size: 80px;
   
    font-family: Arial, Helvetica, sans-serif; font-weight:900;
    color: #b7daf0;
	
    text-transform: uppercase;
    margin-left: 0px; 
}


.about_ri p{
box-sizing: border-box;
    color: #686868;
    line-height: 28px;
    font-size: 15px;
    white-space: normal; width:90%
}
.ab01_bot dd h4 em {
    color: #d20200;
    margin-right: 5px; font-size:68px; font-weight: 700; font-style:normal; font-family:'DINEngschriftStd';
}


.ab01_bot dd h4 {
    line-height: 1.2;
    color: #686868; font-size:17px; font-weight:normal
}

.innr1frbut i { font-family:"宋体"; font-size:45px; font-style:normal; display:inline-block;  line-height:30px;
	  
	 
	 }


.innr1frbut a{ display: block; color: #fff; width:220px;  border-radius:50px;

 height:55px; line-height:55px; 
 
 background:#d20200; 
 
background: -webkit-linear-gradient(left, #d20200 , #d20200);

background: -o-linear-gradient(right, #d20200, #d20200);

background: -moz-linear-gradient(right, #d20200, #d20200);

background: linear-gradient(to right, #d20200 , #d20200);
 
 
 
 
 
  text-align: center; box-shadow: 0px 5px 15px rgba(183,218,240,0.5); margin-top:20px;transition:All 0.4s ease-in-out; border:2px solid #d20200;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out; color:#fff }
	
.innr1frbut a:hover{transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;




   transform: translate(0,-10px);
    -webkit-transform: translate(0,-0px);
    -moz-transform: translate(0,-0px);
    -o-transform: translate(0,-0px);
    -ms-transform: translate(0,-0px); color:#d20200; text-decoration:none; border:2px solid #d20200; background:none;}

  
  
  
  
  
  
  
  
/*about*/





.pro {
	width: 100%;
	margin: 0px auto;
	clear: both;
	overflow: visible;
	height:550px;
	padding-top: 0px;
	background-attachment: fixed;
	background-image: url(../images/p_bg.jpg);
	background-repeat: no-repeat;
	background-size:cover;
	background-position: 90% 5%;
}
.pro .nr {width:87%; margin:0px auto; clear:both; overflow:visible; background:url(../images/pro_bg1.jpg) no-repeat 8% 20%; height:894px; }
.pro .nr .con { width:100% !important;}
.pro .nr .fl { width:578px; float:left; }
.pro .nr .fl .tu { float:left; width:578px; height:658px; margin-bottom:9px;}


.pro .nr .fr { width:578px; text-align:left; float:right;}
.pro .nr .fr h3 { color:#000; font-size:40px; line-height:48px; font-family: "Times New Roman", Times, serif; width:60%;}
 .pro .nr .fr h3 img { width:150px; height:auto;}
.pro .nr .fr h2 { color:#000; font-size:35px; line-height:90px; font-family: "Times New Roman", Times, serif; }
.pro .nr .fr p { color:#929292; font-size:18px; line-height:30px; margin-top:20px;  }
.pro .nr .fr .num { width:100%;}
.pro .nr .fr .num .n { width:95px; float: left; background:url(../images/pro_xx1.jpg) no-repeat right center; font-size:18px; font-family:Arial, Helvetica, sans-serif; color:#a6a6a6; margin:30px 15px 30px 0px ;}
.pro .nr .fr .num .n.active {background:url(../images/pro_xx.jpg) no-repeat right center; color:#000;}

.pro .nr .fr .tu { float:left; width:500px; height:200px; margin-top:100px; margin-bottom:20px;}

.pro .nr .fr .more { float:left!important; }

.more { font-size:15px; border:1px solid #fff; float:left!important;
 color: #fff; width:100px;  text-align: center; line-height:33px;margin-top:20px;transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out; color:#fff; text-align:center !important;
}
.more a{ color:#fff;
}















.shebei { width:100%; margin:0px auto; padding-top:108px; height:727px; background:#f2f3f7;}
.shebei .con { width:1250px; margin:0px auto;}
.shebei .fl { width:801px; height:603px; float:left; position:relative;}
.shebei .fl .tu:after { content:" ";  width:801px; height:603px; background:rgba(0,0,0,.5); position: absolute; top:0px; left:0px; }
.shebei .fl .tu { width:801px; height:603px; position: relative;}
.shebei .fl .tu img {width:801px; height:603px; position:absolute; }
.shebei .fl .num { width:100%;  position:absolute;  bottom:10px; left:20px; }
.shebei .fl .num .n { width:95px; float: left; background:url(../images/sb_xx2.png) no-repeat right center; font-size:18px; font-family:Arial, Helvetica, sans-serif; color:#858687; margin-right:15px;}
.shebei .fl .num .n.active {background:url(../images/sb_xx1.png) no-repeat right center; color:#fff;}



.shebei .fr { width:400px;}
.shebei .fr h3 { color:#000; font-size:45px; line-height:48px; font-family: "Times New Roman", Times, serif; width:60%; margin-top:60px;}
.shebei .fr h2 { color:#000; font-size:38px; line-height:90px; font-family: "Times New Roman", Times, serif; }
.shebei .fr p { color:#929292; font-size:18px; line-height:30px; margin-top:20px;  }
.shebei .fr .more { margin-top:40px;}





.sy_bt { width:100%; padding-top:5%; padding-bottom:0%; text-align:center;}
.sy_bt b { font-weight:700;}
.sy_bt p { font-size:17px; line-height:40px; color:#666;}

.sy_bt em { font-style:normal; font-size:25px; color:#CCC; line-height:25px; text-transform:uppercase; display:block; padding:0% 0px; font-family:DINEngschriftStd; font-weight:700;}
.sy_bt h2 { font-weight:900; font-size:40px; line-height:50px; color:#000;}
.sy_bt .baise { color:#fff; padding:1%; font-size:40px;}


/*fenlei*/

.proz{ width:100%; margin:0 auto; background:url(../images/pbg1.jpg) repeat center top; height:720px}
.pro_list{ width:1300px; margin:0 auto; list-style:none; }
.pro_list .tu{ width:333px; padding:50px; float:left;  text-align:center;  border:1px solid #dadada; box-shadow:0px 5px 5px 5px rgba(0,0,0,.08); transition:all 0.4s;}




.pro_list a:hover .tu{ background:#d20200;

background: -webkit-linear-gradient(left, #d20200 , #00995c);

background: -o-linear-gradient(right, #d20200, #00995c);

background: -moz-linear-gradient(right, #d20200, #00995c);

background: linear-gradient(to right, #d20200 , #00995c);



}
.pro_list a:hover .tu p { color:#fff;}
.pro_list a:hover .tu b { background:#fff;}







.pro_list .tu img { width:100px;}
.pro_list .tu img{transition: all .3s ease;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;}
.pro_list .tu:hover img {
    transform: rotateY(180deg);transition: all .3s ease;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease; text-decoration:none
}
.pro_list .tu p{ color:#2d2d2d; font-size:20px; margin:9px 0}
.pro_list .tu  b{ width:80px; height:1px; background:#c9c9c9; margin:10px auto; display:block}
.pro_list .tu span p{ font-size:15px; color:#4a4949; line-height:26px}

.newsmore { margin:0px auto !important; font-size:16px !important; display:block; margin-left:40% !important; float:left !important;}





.honor1more { width:150px; line-height:35px; text-align:center; border:2px solid #fff; margin-top:40px; border-radius:25px; font-size:15px;}
.honor1more a { color:#fff;}
.honormore { font-size:16px !important; }
.honor {
	width: 100%;
	height: 480px;
	clear: both;
	padding: 10% 0px;
	background-attachment: fixed;
	background-image: url(../images/h_bg3.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
.honor .nr { width:100%; margin:0px auto;}
.honor .zb { width:30%; padding-right:5%; float:left; margin-left:5%;}
.honor .zb em { font-size:60px; color:#000; line-height:50px; text-transform:uppercase; font-weight:400; font-style:normal;   font-family:DINEngschriftStd; float:left; margin-top:10%; }
.honor .zb h2 { font-size:30px; color:#000; line-height:60px; margin-bottom:3%;  font-weight:400;}
.honor .zb p { font-size:16px; color:#666; line-height:30px; text-align:left; padding-bottom:5%;}


.honor .yb { width:60%; float:right; background:url(../images/h_bg4.jpg) center top no-repeat; height:480px; overflow:hidden;}
.honor .yb1 { width:250px; height:480px; float:left; padding:50px; background:url(../images/ban_bg.jpg) center top no-repeat; color:#fff;}
.honor .yb1 h3 {font-size:30px;  line-height:60px; margin-bottom:3%;  font-weight:400; float:left; margin-top:10%; width:100%; }
.honor .yb1 p { font-size:15px;line-height:30px; text-align:left;}

.honor .yb2 {  float:left; padding:50px;  color:#fff; padding:12% 3%; width:50%;}
.honor .yb2 img { width:100%; height:auto;}


.yw { border-radius:50%; overflow:hidden;  border:2px solid #fff; width:36px; line-height:36px !important; height:36px; text-align:center; color:#fff; float:right; margin-top:30px; }
.header .nav .yw h3 { padding:0px !important;}
.header .nav .yw h3 a { color:#fff;}
.header .nav .yw h3 a {line-height:36px !important;}
.yw:hover {}

.is-fixed .yw {border-radius:50%; overflow:hidden; border:2px solid #d20200; background:#d20200; width:36px; line-height:36px !important; height:36px; text-align:center; color:#fff; }
.is-fixed .yw:hover {border:2px solid #6dba2a; background:#6dba2a; color:#fff !important;}
.header .nav .yw:hover h3 a{color:#fff !important;}





/* —————————— 第2通栏 start —————————— */
.column2 {
	overflow: hidden;
	padding: 70px 0 0;
	
}
.column2 h2{ color:#fff; font-size:45px ; text-align:center; font-weight:900}
.column2 h3{ font-size:24px; color:#fff; text-transform:uppercase; text-align:center; font-weight:normal; margin-top:10px}


.column2 h3 line {
    width: 40px;
    height: 2px;
    background: #fff;
    margin: 0 15px;
    display: inline-block;
    vertical-align: middle;
}

.column2 span{ width:740px; height:32px; background:#429767; border-radius: 5px; margin:0 auto; display:block; line-height:32px; color:#fff; text-align:center; margin:10px  auto; margin-top:16PX}
.column2 span a{ color:#fff; font-size:17px!important; margin:0 3px}
.indexC2Con {
	position: relative;
}





.rollBox1{  width:100%; margin:0 auto; margin-top:20PX }
.rollBox1  h3{width:100%;  font-size:35px; font-weight:normal; height:90px; float:left; color:#393939; text-align:center; padding-bottom:30px; background:url(../images/pro.png) no-repeat top center; padding-top:30px; margin-top:50px;}
.rollBox1 h3 span{color:#828282; text-align:center; font-size:17px; line-height:27px; padding-top:15px; float:left;width:1200px; }

.rollBox1 .Cont{width:100%;float:left; padding-top:20px;}

.rollBox1 .Cont .pick{width:30%; height:250px;  float:left;text-align:center; color:#333; margin: 0 1%; margin-bottom:20px; 
           
  }
.rollBox1 .Cont .pic1{width:100%; height:250px; float:left;text-align:left;  color:#333; overflow:hidden;font-family:"微软雅黑"; border:#e1e1e1 solid 1px;
  background:#fff; -webkit-border-radius: 25px;
            -moz-border-radius: 25px;
 }.rollBox1 .Cont .pic1 b{ font-size:24px; margin:0; margin-top:40px; margin-bottom:0px; font-weight:900; color:#666666; line-height:90px;}
.rollBox1 .Cont .pic1 h5{ width:100%;float:left; color:#3b3b3b; font-size:18px!important; text-align:center;  margin-top:10px; font-weight:normal; text-align:center; line-height:25px; font-family:Arial, Helvetica, sans-serif; color:#b0b0b0}
.rollBox1 .Cont .pic1 h5 a{  color:#b0b0b0; text-align:center }
.rollBox1 .Cont .pic1 h5 img{  width:270px!important; height:auto!important ; margin-bottom:20px; margin-top:20px;}

.rollBox1 .Cont .pic1 .linkmore a{ width: 30%; height:31px; line-height:31px; margin:0 auto; text-align:center; display:block; text-decoration:none; background:#1461b2; color:#fff; display:block; margin:20px 36% ; float:left; font-size:16px }
.rollBox1 .Cont .pic1 .linkmore a:hover{ color:#fff; background:#1461b2; border:0; }


.rollBox1 .Cont .wenn{width:100%; text-align:center; height:50px;  float:left; margin-bottom:20px}



.rollBox1 .Cont .pick:hover img{ transition:all 0.4s;transform: scale(1.1)}
.rollBox1 .Cont .pick:hover p{ color:#1461b2;}

.rollBox1 .Cont .pick:hover .linkmore a{ color:#fff; background:#1461b2; border:0}

.rollBox1 .Cont .pick:hover .wenn{ color:#1461b2}

.rollBox1 .Cont .pic1{ transition:all 0.4s}

.rollBox1 .Cont .pic1:hover{transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;




   transform: translate(0,-30px);
    -webkit-transform: translate(0,-30px);
    -moz-transform: translate(0,-30px);
    -o-transform: translate(0,-30px);
    -ms-transform: translate(0,-30px);   }

.rollBox1 .Cont .pic1:after{right: inherit;
    top: inherit;
    left: 0;
    bottom: 0;}

.rollBox1 .Cont .pic1:after{content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    height: 6px;
    width: 0;
    background:#1461b2;
    transition: 400ms ease all; }



.rollBox1 .Cont .pic1:hover:after {
    width: 100%;
    transition: 800ms ease all;
}


@media all and (max-width:768px){
	.pc_lianxi{ display:none}
	.pc_dibu{}
	
	.mobile_dibu{ display:block}
	.mobile_lianxi{ display:none; font-size:15px!important}
	.mobile_job{ display:block}
.pc_job{ display:none}
.wsjob{ float:none; padding:0px; width:100%; padding-bottom:20px;}
.jobt-list li{ text-align:center; width:33%; margin:0 auto; margin-bottom:20px;}
.jobt-list li ._num{ float:none; width:50%; margin:0 auto; text-align:center; margin-bottom:15px; }
.jobt-list li ._nr{width:90%; padding-left:5%; padding-right:5px; margin-left:0px!important; margin:0 auto; float:none!important; text-align:center}
.jobt-list li ._sum{ height:60px;}

	.lxma{ font-size:15px!important}
	.mobile_daohang{ display:block}
	.pc_daohang{ display:none}
	body{ font-size:14px!important;}
	.neirong{ font-size:14px;}

.suspension{ display:none}
.suspension-box{ display:none}

.alogo{ display:none}

.indexBanner{ display:none}
.flash1{display:block!important;}

/*-------底部-----------*/



/*手机版底部导航*/

#banner{ display:block}
.tbottom{ display:block; height:70px;}

.nav_bgc{ display:none}
.bottomNav {display:block; z-index:99999;
	/*border:1px solid red;
	*/
    width:100%;
	height:70px;
	position:fixed;
	bottom:1px;}
.bottomNav_item {
	/*border:1px solid red;
	*/
    width:25%;
	height:70px; border-top:1px solid #d8d8d8;
	float:left; color:#333;
	text-align:center; background:#fff;
}
.bottomNav_icon {
	margin:auto;
	width:30px;
	height:30px; margin-top:11px;
}
.bottomNav_icon img {
	width:100%;
	height:100%;
}
.bottomNav_item p {
	margin-top:3px; font-size:0.85rem}


.xianb{border-right: 1px solid #24833d;}
#BottomNav ul li a {
    color: #bf1b3e;
    display: block;
     padding-bottom:0.5rem; 
    padding-top:0.5rem; 

}



#BottomNav .icon {
    background-position: center center;
    background-repeat: no-repeat;
    display: block;
    height: 0.9rem;
    margin: 0 auto;
    width: 0.9rem;
    background-size: 0.9rem;
	}

.gray {
	-webkit-filter:grayscale(100%);
	-moz-filter:grayscale(100%);
	-ms-filter:grayscale(100%);
	-o-filter:grayscale(100%);
	filter:grayscale(100%);
	filter:gray;
}
.inital_color { color:#bf1b3e}


/*手机版顶部导航*/
@charset "utf-8";
*{margin:0;padding:0}
a{text-decoration:none;color:#333;font-family:"arial","微软雅黑"}
html{width:100%;-webkit-font-smoothing:antialiased;-webkit-overflow-scrolling:touch;-moz-overflow-scrolling:touch;-o-overflow-scrolling:touch;overflow-scrolling:touch;font-size:16px;}
html.ns{overflow:hidden}
.wsneirong img{ width:100%!important; height:auto!important}
body{color:#535353;font-size: 1em;font-family:"arial","微软雅黑"; width:100%;position:relative}
@media screen and (min-width: 360px) and (max-width: 374px){ html{font-size:16px}}
@media screen and (min-width: 375px) and (max-width: 479px){ html{font-size:18px}}
@media screen and (min-width: 480px) and (max-width: 539px){ html{font-size:20px}}
@media screen and (min-width: 540px) and (max-width: 639px){ html{font-size:24px}}
@media screen and (min-width: 640px){ html{font-size:28px}}

a,body{font-family:"微软雅黑"/9;-webkit-tap-highlight-color:rgba(0,0,0,0)}img{border:0}ol,ul,li{list-style:none}dl,dt,dd,ul,li{margin:0;padding:0}input,textarea{outline:none}html,body,form,fieldset,p,div,h1,h2,h3,h4,h5,h6{-webkit-text-size-adjust:none}i{font-style:normal}.fl{float:left}.fr{float:right}.clear{clear:both}.wrap{width:96%;margin:0 auto}body,div,h1,h2,h3,h4,h5,h6,p{padding:0;margin:0}

#banner {width: 100%;margin:0px;padding:0px;overflow: hidden;}
#banner img{width: 100%;}

.focus{ width:100%;   margin:0 auto; position:relative; overflow:hidden;   }
	.focus .shanghl00{ width:100%; height:11px;  position:absolute; z-index:1; bottom:45px; text-align:center;  }
	.focus .shanghl00 ul{ display:inline-block; height:5px; padding:3px 5px; background-color:rgba(255,255,255,0.7); 
		-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; font-size:0; vertical-align:top;
	}
	.focus .shanghl00 ul li{ display:inline-block; width:5px; height:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#8C8C8C; margin:0 5px;  vertical-align:top; overflow:hidden;   }
	.focus .shanghl00 ul .on{ background:#FE6C9C;  }
	.focus .bd{
	position:relative;
	z-index:0;
	margin:0px;
	padding:0px;
	overflow: hidden;
}
.focus .bd li{ margin:0px; padding:0px; height:8rem; position:relative; overflow:hidden;}
	.focus .bd li img{ width:100%!important;  height:100%; object-fit:cover; display:block; }
	.focus .bd li a{
	-webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */
}
.foctit{position:absolute; z-index:111; width:100%; bottom:0;background: rgba(0,0,0,.6); padding-left: 0.7rem; padding-right: 0.7rem; color:#FFF; font-size:0.8rem;text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical; overflow:hidden; height:40px; line-height:40px; box-sizing:border-box;}
	
.toubu{ position:fixed; left:0; top:0; width:100%; z-index:999;}
.toubuge{ width:100%; height:50px;}
.main-header {
    height: 50px;box-shadow: 0px 1px 5px #5c4b51;
    /*background: #a10e15;*/
	background: rgba(255,255,255,1.0);
    z-index: 60;
	width:100%;
	position:relative;
		
}
header{	
	height:50px;
	line-height: 50px;
	text-align: center;
    background-color: #fff;
	box-shadow: 0px 1px 5px #9c8e93; margin-bottom:5px; 
}

.cd-logo {
    position: absolute;
    top: 0px; font-size:17px; line-height:15px; color:#333333; padding-top:8px; font-weight:bold;line-height:35px;
    left: 10px;
   
}

.cd-logo img { float:left; padding-right:10px;
   
} 

/*.search_open {
display: block;
    width: 30px;
    height: 30px;
background: url(../images/wap_sea.png) no-repeat;
position: absolute;
right:60px;
top:10px;
background-size: auto 25px;
background-position: center center;
}*/
.menu_open {
display: block;
    width: 30px;
    height: 30px;
background: url(../images/wap_menu.png) no-repeat;
	position: absolute;
	right:10px;
top:10px;
}
.animate{-moz-transition: all 1s ease 0s;-ms-transition: all 1s ease 0s;-o-transition: all 1s ease 0s;transition: all 1s ease 0s;display: block;
  transform:rotate(180deg);-moz-transform:rotate(180deg); /* Firefox */
-webkit-transform:rotate(180deg); /* Safari 和 Chrome */
-o-transform:rotate(180deg); /* Opera */background: url(../images/wap_close.png) no-repeat;} 
  .animate1{-moz-transition: all 1s ease 0s;-ms-transition: all 1s ease 0s;-o-transition: all 1s ease 0s;transition: all 1s ease 0s;display: block;
  transform:rotate(-180deg);-moz-transform:rotate(-180deg); /* Firefox */
-webkit-transform:rotate(-180deg); /* Safari 和 Chrome */
-o-transform:rotate(-180deg); /* Opera */} 
#top{ width:100%;  overflow:hidden; display:block;  position:absolute; top:50px; z-index:100; background-color:#f2f2f2;padding: 10px; box-sizing:border-box;}
input.button1 {
	border-radius: 5px;
	line-height: 23px;
	height: 33px;
	width: 70%;
	padding: 0 5px 0 5px;
	border: 1px solid;
	border-color: #CCC #EEE #EEE #CCC;
	background: whiteSmoke;
	float:left;
	margin-right:3%;
font-size:12px;
	z-index: 1001;
}
input.button2 {
	text-shadow: black 0 1px 0;
	border: 1px solid;
	border-color: #EEE #CCC #CCC #EEE;
	color: #666;
	font-weight: bold;
	width: 22%;
	border-radius: 5px;
	padding: 3px;
	height: 35px;
	text-shadow: 0 /*{a-bar-shadow-x}*/ 0px /*{a-bar-shadow-y}*/ 0px /*{a-bar-shadow-radius}*/ #FFF /*{a-bar-shadow-color}*/;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #f8f8f8 /*{a-bar-background-start}*/), to( #eaeaea /*{a-bar-background-end}*/)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #f8f8f8 /*{a-bar-background-start}*/, #eaeaea /*{a-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #f8f8f8 /*{a-bar-background-start}*/, #eaeaea /*{a-bar-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient( #f8f8f8 /*{a-bar-background-start}*/, #eaeaea /*{a-bar-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient( #f8f8f8 /*{a-bar-background-start}*/, #eaeaea /*{a-bar-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient( #f8f8f8 /*{a-bar-background-start}*/, #eaeaea /*{a-bar-background-end}*/);
	font-size:12px;
	z-index: 1001;
	float:right;
}

.ncon_item{display: flex;flex-wrap: nowrap;
overflow: hidden;
position: relative;box-sizing: border-box;
padding: 15px 12px;
background-color:#fff;border-bottom: 1px solid #EBEBEB;}

.shl-n-pic {
    width: 115px;
    min-width: 115px;
    height: 72px;
    overflow: hidden;
    position: relative;
    border: 1px solid 
    rgba(0,0,0,.1);
    margin-right: 12px;
    border-radius: 3px;
}
.shl-n-pic img { width:100%; height:100%; object-fit:cover;}
.shl-left {
 width:100%
}
.shl-ptit {
 font-size:0.9rem;
 overflow:hidden;
 width:100%;
 height:2.6rem;
 line-height:1.3rem;
 -o-text-overflow:ellipsis;
 text-overflow:ellipsis;
 /*超出...*/display:-webkit-box;
 -webkit-line-clamp:1;
 /*显示行数*/-webkit-box-orient:vertical
}
.shl-time {
 font-size:12px;
 color:#00943e;
 margin-top:9px;
 background-image:url(../images/shl-ico-time.png);
 background-size:auto 13px;

 background-repeat:no-repeat;
 padding-left:15px
}
.shl-geng{ padding-top:20px; padding-bottom:20px;}
.loading-more-button {
    width: 6rem;
    height: 2rem;
    line-height: 1.96rem;
    text-align: center;
    font-size: .8rem;
    border: 1px solid #00943e;
border-radius: 5px;
color: #00943e;
    cursor: pointer;
    margin: 0 auto;
}


/*选项卡*/
.tabs {
    width: 100%;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
    clear: both;
    text-align: center;
    overflow: hidden; box-sizing:border-box; padding:10px 12px 1px 12px;background-color: #fff; font-weight:bold;
}
.tab_con{ display:none; background-color:#FFF;}

.tabs li{
float: left;
width: 33.33%;
height: 40px;
line-height: 40px;
font-size: 0.85rem;border-bottom: 1px solid #EBEBEB;}

.tabs .thistab{
float: left;
width: 33.33%;
height: 40px;
border-bottom: 1px solid #00943e;
line-height: 40px;
font-size: 0.9rem;
color: #00943e;}

.home-tit{width: 100%;
position: relative;
margin-top: 10px;border-bottom: 1px solid #EBEBEB; padding:13px 14px; background-color:#FFF;font-size: 0.9rem;color: #0579cb; box-sizing:border-box;}
.home-tit .dtit { font-weight:bold; float:left;}
.home-tit a {

    font-family: Arial;
    font-size: 10px;
    float: right;
    color: #666;
    text-align: right;
    display: block;
    padding-top: 6px;
}

.shl-zj{display: flex;flex-wrap: wrap; background-color:#FFF; box-sizing:border-box;padding: 7px; text-align:center;}
.shl-zjsection {
    width: 50%;
    padding: 5px;box-sizing:border-box;
}
.zjkuang {border: 1px solid #EBEBEB;box-sizing:border-box; padding:6px 6px 12px 6px; border-radius:5px;box-shadow: 0px 0px 5px #E4E4E4;}
.shl-zjpic{width: 4.2rem;
height: 4.2rem;
overflow: hidden;
position: relative; border-radius:50%; overflow:hidden; margin:0 auto; margin-top:0.6rem;}
.shl-zjpic img{width: 100%;
height: 100%; object-fit:cover;}
.zjtit1{ font-size:0.9rem; height:2.6rem;
 line-height:1.3rem; overflow:hidden; margin-top:10px;
 -o-text-overflow:ellipsis;
 text-overflow:ellipsis;
 /*超出...*/display:-webkit-box;
 -webkit-line-clamp:2;
 /*显示行数*/-webkit-box-orient:vertical}
.zjtit2{font-size:0.8rem; height:2rem; line-height:1rem; color:#959595; overflow:hidden;
 -o-text-overflow:ellipsis;
 text-overflow:ellipsis;
 /*超出...*/display:-webkit-box;
 -webkit-line-clamp:2;
 /*显示行数*/-webkit-box-orient:vertical}
.zjtit3{font-size:0.7rem; height:1.4rem; line-height:1.4rem; border-radius:0.7rem; width:4rem; text-align:center; border:1px solid #0a53a3; margin:0 auto; margin-top:10px; color:#0a53a3;}



/*选项卡*/
.tabs2 {
    width: 100%;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
    clear: both;
    text-align: center;
    overflow: hidden; box-sizing:border-box; padding:10px 12px 1px 12px;background-color: #fff; font-weight:bold;
}
.tab_con2{ display:none; background-color:#FFF;}

.tabs2 li{
float: left;
width: 50%;
height: 40px;
line-height: 40px;
font-size: 0.85rem;border-bottom: 1px solid #EBEBEB;}

.tabs2 .thistab{
float: left;
width: 50%;
height: 40px;
border-bottom: 1px solid #029d25;
line-height: 40px;
font-size: 0.9rem;
color: #029d25;}


.shl-djt{display: flex;flex-wrap: wrap;box-sizing:border-box;}
.shl-section {
    width: 50%;
    padding: 8px;box-sizing:border-box;
}
.skkk {
    background-color: #fff;
  
}
.shl-djtpic{width: 100%;
height: 110px; border-bottom:1px solid #f2f2f2;
overflow: hidden;
position: relative;}
.shl-djtpic img{width: 100%;
height: 100%; object-fit:cover;}
.shlne {
    padding: 10px;
}
.djtte{ font-size:0.9rem;
 overflow:hidden; text-align:center;
 width:100%;
 height:1.3rem;
 line-height:1.3rem;
 -o-text-overflow:ellipsis;
 text-overflow:ellipsis;
 /*超出...*/display:-webkit-box;
 -webkit-line-clamp:2;
 /*显示行数*/-webkit-box-orient:vertical}
 
 .djttime {
 font-size:12px;
 color:#969696;
 margin-top:9px;
 background-image:url(../images/shl-ico-time.png);
 background-size:auto 13px;
 background-position: left center;
 background-repeat:no-repeat;
 padding-left:15px; height:15px; line-height:15px;
}

.jigou{ background-color:#FFF;}
.jigouname{ font-size:0.9rem;color: #0a53a3;
 overflow:hidden;
 width:100%;
 height:1.3rem;
 line-height:1.3rem;
 -o-text-overflow:ellipsis;
 text-overflow:ellipsis;
 /*超出...*/display:-webkit-box;
 -webkit-line-clamp:1;
 /*显示行数*/-webkit-box-orient:vertical}
.jigoumiaoshu{
	font-size:12px;
 color:#969696;
 margin-top:6px;
  overflow:hidden;
 height:3rem;
 line-height:1rem;
 -o-text-overflow:ellipsis;
 text-overflow:ellipsis;
 /*超出...*/display:-webkit-box;
 -webkit-line-clamp:3;
 /*显示行数*/-webkit-box-orient:vertical}

.jigou-pic {
    width: 115px;
    min-width: 115px;
    height: 82px;
    overflow: hidden;
    position: relative;
    border: 1px solid 
    rgba(0,0,0,.1);
    margin-right: 12px;
    border-radius: 3px;
}

.wap_add{ background:url(../images/in_28.jpg) no-repeat left; padding-left:3rem; height:40px; line-height:40px;
 -o-text-overflow:ellipsis;
 text-overflow:ellipsis;
 /*超出...*/display:-webkit-box;
 -webkit-line-clamp:1;
 /*显示行数*/-webkit-box-orient:vertical; overflow:hidden!important }
.wap_tel{ background:url(../images/in_30.jpg) no-repeat left; padding-left:3rem;height:40px; line-height:20px;}
.wap_mail{ background:url(../images/in_32.jpg) no-repeat left; padding-left:3rem;height:40px; line-height:40px;}
.wap_line{ margin-top:0.8rem; margin-bottom:0.8rem; background:#d8d8d8; height:1px; width:100%;}
.foot2-wap { width:100%; margin:0 auto;
    display: block;
    text-align: center;
    padding-top: 1rem;
    font-size: 0.8rem;
	padding-bottom: 1rem;background:#00943e;color:#fff;
}
.foot2-wap a {
    color: #fff;
}

.tit4 {
    width: 100%;
    padding: 15px;
    border-bottom: 
    #EBEBEB 1px solid;
    overflow: hidden; background-color:#FFF; box-sizing:border-box;
}
.tit4 .tout {width: 100%; display:flex;}
.ttpic{ width:4.4rem; min-width:4.4rem; margin-right:10px;}
.ttpic img{ width:100%;}
.tit4 .tout .text { width: 100%;}
.tit4 .tout .text h3 {

    font-size: 1rem;
    font-weight: bold;
    color: 004276;
    line-height: 1.5rem;
	height:1.5rem;
	 overflow:hidden;
 -o-text-overflow:ellipsis;
 text-overflow:ellipsis;
 /*超出...*/display:-webkit-box;
 -webkit-line-clamp:1;
 /*显示行数*/-webkit-box-orient:vertical;

}
.tit4 .tout .text h3 a { color: #0a53b8;}
.tit4 .tout .text .tex {
	font-size:0.75rem;
    color: #888;
	  line-height: 1rem;
	height:2rem;
	 overflow:hidden;
 -o-text-overflow:ellipsis;
 text-overflow:ellipsis;
 /*超出...*/display:-webkit-box;
 -webkit-line-clamp:2;
 /*显示行数*/-webkit-box-orient:vertical; margin-top:8px; 

}
.tit4 .touj {width: 100%; display:flex; align-items: center; background-color:#f2f2f2;}
.tjzjleft {
    width: 2rem;
	min-width: 2rem;
    text-align: center;
    line-height: 1.1rem;
    padding: 8px 0;
    background:#0a53a3;
    color: #fff; 
     font-size:0.9rem;
    
}
.zjtu{min-width:4.2rem;width: 4.2rem;height: 4.2rem; overflow:hidden; border-radius:50%; margin-right:10px; margin-left: 15px;}
.zjtu img{width: 100%;height: 100%; object-fit: cover; display:block;}
.rszj{ width:100%;}
.rszjtit {
	font-size:0.75rem;
    color: #888;
	  line-height: 1.1rem;
	height:1.1rem;
	 overflow:hidden;
 -o-text-overflow:ellipsis;
 text-overflow:ellipsis;
 /*超出...*/display:-webkit-box;
 -webkit-line-clamp:1;
 /*显示行数*/-webkit-box-orient:vertical; padding-right: 6px;

}





.clearfix:after {
    content: ".";
    visibility: hidden;
    display: block;
    height: 0;
    clear: both;
}


.tbottom{ height:70px;}
#BottomNav {
    /*background: #0a53a3 none repeat scroll 0 0;*/
	background: rgba(36,131,61,0.9) none repeat scroll 0 0;
    bottom: 0;
    height: 3em;
    left: 0;
    overflow: hidden;
    position: fixed;
    width: 100%;
    z-index: 9;
}
#BottomNav ul li {
    float: left;
   
    text-align: center;
    width: 16.66%; 
}

.xianb{border-right: 1px solid #24833d;}
#BottomNav ul li a {
    color: #00943e;
    display: block;
     padding-bottom:0.5rem; 
    padding-top:0.5rem; 

}


#BottomNav ul li a div {
    font-size: 0.7rem; padding-top:0.25rem;padding-bottom:0.4rem; 
}
#BottomNav .yy1 {
    background-image: url(../images/yy1.png);
}
#BottomNav .yy2 {
    background-image: url(../images/yy2.png);
}
#BottomNav .yy3 {
    background-image: url(../images/yy3.png);
}
#BottomNav .yy4 {
    background-image: url(../images/yy4.png);
}
#BottomNav .yy5 {
    background-image: url(../images/yy5.png);
}
.yy6 {
    background: url(../images/yy6.png) no-repeat left;
	    height: 0.9rem;
    margin: 0 auto;
    width: 0.9rem;
    background-size: 0.9rem;
}
#BottomNav .icon {
    background-position: center center;
    background-repeat: no-repeat;
    display: block;
    height: 0.9rem;
    margin: 0 auto;
    width: 0.9rem;
    background-size: 0.9rem;
	
}

.shl-toug{ height:50px; width:100%;}
.shl-mingx{ width:14.285%; float:left }
.shl-mingx img{ width:100%; height:100%; object-fit:cover;}

#msk{ display:block; position:absolute; width:100%; height:100%; background:#000; opacity:0.5; top:0px; left:0; z-index:50;}
#menu{ position:fixed; width:200px; height:100%;  right:-200px; background:#333; color:#fff; z-index:200; display:none; font-size:0.9rem;box-shadow: inset 6px 0 5px -5px rgba(0,0,0,.9);overflow-y: scroll;}
.menu1{ position:absolute; width:200px; height:100%;  right:-200px; background:#444; color:#fff; z-index:300; display:none;}

#menu li:after , .menu1 li:after{ content:''; display:block; width:100%;  border-bottom:1px solid #222;}
#menu a , .menu1 a{  line-height:45px;  padding:0 20px 0 35px; border:none; display:block;  color:#fff;font-size: 0.8rem;}
/*---
#menu a:after , .menu1 a:after{
	display:block; content:''; position:absolute; 
	right:15px;
	top:50%;
	margin-top:-4px;
	width:6px; height:6px;
	border:2px solid #fff;
	border-width:2px 2px 0 0;
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg);
}---*/
.mshouyeico{background-image: url(../images/drawer-home.png); background-repeat:no-repeat; background-position:right center; background-size:auto 22px;}

.main{ max-width:640px; width:100%;}
.op{width:100%; max-width:640px; position:relative; margin:0 auto;overflow: hidden;}



		.menu_open{ display: block;}
	.menu_close{ display: none; background: url(../images/wap_close.png) no-repeat;background-size: auto 86%; background-position: center center; background-repeat: no-repeat; width: 30px; height: 30px;position: absolute; right: 10px;top: 10px;}
	.msk {display: none; position: fixed; width: 100%; height: 100%;  top: 50px; left: 0; background-color:rgba(0,0,0,0.5); z-index: 100010; }
	.menu { position: fixed; width: 200px; height: 100%; top: 50px; right:-200px; background: #333;color: #666;z-index: 100015;box-sizing: border-box; padding-bottom: 50px;overflow-y: auto;box-shadow: inset 6px 0 5px -5px rgba(0,0,0,.9);padding-left: 10px; padding-right: 10px;}
	.menu .onemenu,.menu a.onemenu,.menu a.onemenub{ color: #fff; font-size: 16px; display: block; height: 45px; line-height: 45px;}
	.menu .menu-li{border-bottom: 1px solid #222;}
	.menu .menu-li::after {content: ''; display: block;width: 100%;border-bottom: 1px solid #404040;}
	.menu .twoul{ display: none;}
	.menu .twoul li{ position: relative; background-color: rgba(255,255,255, .1); padding: 12px 0 12px 0px; margin-top: 1px; font-size: 14px;}
	.menu .twoul li::after{display: block;content: "";position: absolute;right: 8px;top: 52%;margin-top: -5px;width: 6px;height: 6px;border: 2px solid #666;border-width: 2px 2px 0 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
	.menu .twoul li a{color: #fff; font-size: 14px; display: block; color: #fff; padding-left: 15px;}
	
	.menuico_right{ background: url('../images/shl-down-open.png') no-repeat; background-size: auto 22px; background-position: right 12px; background-repeat: no-repeat;}
	.menuico_down{ background: url('../images/shl-down-open1.png') no-repeat; background-size: auto 22px; background-position: right 12px; background-repeat: no-repeat;}
	.menuico_up{ background: url('../images/shl-down-open2.png') no-repeat; background-size: auto 22px; background-position: right 12px; background-repeat: no-repeat;}
	/* .menu .onemenu{ color: #fff; font-size: 14px;} */
}


@media all and (max-width:640px){

body{ margin:0 auto;padding:0px;width:100%;font-family:microsoft yahei;font-size:14px!important;color:#6c6c6c; line-height:24px!important;}



/*------------公司---------*/

  
  .aboutBg {
    padding-top:30px; width:100%;  overflow:visible; clear:both; height:auto; 
}

/*------------简介---------*/
.wrap{width: 100%;margin: 0 auto;}

/*--------------*/






.introduction{ width:100%; padding:23px 0 0 0; clear:both; text-align:center; height:auto;}
.introduction h1{ font-size:17px; color:#292929; margin:0; font-weight:normal;}
.introduction h2{ font-size:14px; color:#292929; margin:0px 0 20px 0;}




/*厂房*/
.fengcai{ width:100%; margin:0 auto; }
.hl_main5_content{border-top:none;  }
.hl_main5_content a{ color:#fff;}
.hl_main5_content1{width:80%;overflow:hidden; float:left;  margin:0 auto;margin-left:1%; overflow:hidden; padding-left:5%}
.hl_main5_content1 ul{width:26000px; overflow:hidden!important;}
.hl_main5_content1 ul li{float:left; display:inline;margin-right:1%; }
.hl_main5_content1 ul li h2{ text-transform:uppercase; font-size:14px; color:#bf1b3e; font-weight:normal; margin-bottom:0px;}
.hl_main5_content1 ul li p{ font-size:14px; color:#6b6b6b;}

.hl_scrool_leftbtn{ background:url(../images/left.jpg) no-repeat left; width:15px; height:20px;background-size:100%;  float:left; margin-top:25%; cursor:pointer;}
.hl_scrool_rightbtn{ background:url(../images/right.jpg) no-repeat left; background-size:100%; width:15px; height:20px; float:right; margin-top:25%; cursor:pointer;}

.calie{ width:100%; height:auto;  display: flex;justify-content: center;align-items: center; overflow:hidden; margin-bottom:0px;}
.calie  img{width:100%;height:auto; transition: all 0.8s;object-fit: cover;}
.calie  img:hover{   transform: scale(1.1);}



.pro {
	width: 100%;
	margin: 0px auto;
	clear: both;
	overflow: visible;
	height:auto;
	padding-top:0px;
	background-attachment: fixed;
	background-image: url(../images/p_bg.jpg);
	background-repeat: no-repeat;
	background-size:cover;
	background-position: 90% 5%;

	
}


.pro .nr {width:87%; margin:0px auto; clear:both; overflow:visible; background:url(../images/pro_bg1.jpg) no-repeat 8% 20%; height:auto; padding-bottom:20px;}
.pro .nr .con { width:100% !important;}


/* —————————— 第2通栏 start —————————— */
.column2 {
	overflow: hidden;
	padding: 30px 0 0;
	
}
.column2 h2{ color:#fff; font-size:20px ; text-align:center; font-weight:900}
.column2 h3{ font-size:14px; color:#fff; text-transform:uppercase; text-align:center; font-weight:normal; margin-top:10px}


.column2 h3 line {
    width: 40px;
    height: 1px;
    background: #fff;
    margin: 0 15px;
    display: inline-block;
    vertical-align: middle;
}


.indexC2Con {
	position: relative;
}





.rollBox1{  width:100%; margin:0 auto; margin-top:20px}
.rollBox1  h3{width:100%;  font-size:30px; font-weight:normal; height:90px; float:left; color:#393939; text-align:center; padding-bottom:30px; background:url(../images/pro.png) no-repeat top center; padding-top:30px; margin-top:10px;}

.rollBox1 .Cont{width:100%;float:left; padding-top:0px;}

.rollBox1 .Cont .pick{width:100%; height:auto;  float:left;text-align:center; color:#333; margin: 0 0%; margin-bottom:20px; 
           
  }
.rollBox1 .Cont .pic1{width:100%; height:auto; float:left;text-align:left;  color:#333; overflow:hidden;font-family:"微软雅黑"; border:#e1e1e1 solid 1px;
  background:#fff; -webkit-border-radius: 5px;
            -moz-border-radius: 25px;
 }.rollBox1 .Cont .pic1 b{ font-size:16px; margin:0; margin-top:15px; margin-bottom:0px; font-weight:900; color:#666666; line-height:20px;}
.rollBox1 .Cont .pic1 h5{ width:100%;float:left; color:#3b3b3b; font-size:14px!important; text-align:center;  margin-top:15px; font-weight:normal; text-align:center; line-height:20px; font-family:Arial, Helvetica, sans-serif; color:#b0b0b0}
.rollBox1 .Cont .pic1 h5 a{  color:#b0b0b0; text-align:center }

.rollBox1 .Cont .pic1 .linkmore a{ width: 43%; height:25px; line-height:25px; margin:0 auto; text-align:center; display:block; text-decoration:none; background:#eaeaea; color:#a5a5a5; display:block; margin:10px 30% ; float:left; font-size:12px }
.rollBox1 .Cont .pic1 .linkmore a:hover{ color:#fff; background:#1461b2; border:0; }


.rollBox1 .Cont .wenn{width:100%; text-align:center; height:50px;  float:left; margin-bottom:20px}



.rollBox1 .Cont .pick:hover img{ transition:all 0.4s;transform: scale(1.1)}
.rollBox1 .Cont .pick:hover p{ color:#1461b2;}

.rollBox1 .Cont .pick:hover .linkmore a{ color:#fff; background:#1461b2; border:0}

.rollBox1 .Cont .pick:hover .wenn{ color:#1461b2}

.rollBox1 .Cont .pic1{ transition:all 0.4s}

.rollBox1 .Cont .pic1:hover{transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;




   transform: translate(0,-10px);
    -webkit-transform: translate(0,-10px);
    -moz-transform: translate(0,-10px);
    -o-transform: translate(0,-10px);
    -ms-transform: translate(0,-10px);   }

.rollBox1 .Cont .pic1:after{right: inherit;
    top: inherit;
    left: 0;
    bottom: 0;}

.rollBox1 .Cont .pic1:after{content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    height: 3px;
    width: 0;
    background:#1461b2;
    transition: 400ms ease all; }



.rollBox1 .Cont .pic1:hover:after {
    width: 100%;
    transition: 800ms ease all;
}



.sy_bt { width:100%; padding-top:5%; padding-bottom:0%; text-align:center;}
.sy_bt b { font-weight:700;}
.sy_bt p { font-size:14px; line-height:40px; color:#666;}

.sy_bt em { font-style:normal; font-size:14px; color:#CCC; line-height:22px; text-transform:uppercase; display:block; padding:0% 0px; font-family:DINEngschriftStd; font-weight:700;}
.sy_bt h2 { font-weight:900; font-size:20px; line-height:25px; color:#000;}
.sy_bt .baise { color:#fff; padding:1%; font-size:20px;}


/*pageNews*/
.pageNews{width:90%; padding-top:0px; padding-bottom:0px;  height:auto;overflow: hidden; margin:auto}
.pageNews ul li{width:100%;display: inline-block;vertical-align: top;margin-right: 0%;margin-top: 0; border-bottom:#E7E7E7 solid 1px;}
.pageNews ul li a{display: block;width: 100%;padding-bottom: 10px;position: relative;}
.pageNews ul li:nth-child(3n){margin-right: 0;}
.pageNews ul li .img{width: 100%;overflow: hidden; border-radius:0px;}
.pageNews ul li .img img{display: block;width: 100%;transition: all 0.6s ease;}
.pageNews ul li .tit{font-size:16px;color: #333;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;margin-top: 10px;transition: all 0.6s ease; padding-bottom:2%;}
.pageNews ul li .tit span{ color: #d20200; margin-right: 10px;}
.pageNews ul li .time{font-size: 13px;letter-spacing: 0px;color: #999999;text-transform: uppercase;margin:5px 0 5px;transition: all 0.6s ease; font-family:DINEngschriftStd; }
.pageNews ul li .txt{display:none; }
.pageNews ul li .l{width: 40px ; height: 3px; background-color: #999;  position: absolute;bottom: 0; left:0;transition: all 0.6s ease; border-radius:25px; overflow:hidden;}
.pageNews ul li:hover .img img{transform: scale(1.1);}
.pageNews ul li:hover .tit{color: #d20200; }
.pageNews ul li:hover .time,.pageNews ul li:hover .txt{color: #333;}
.pageNews ul li:hover .l{ width: 30%; background-color: #d20200; border-radius:10px; overflow:hidden;}


/*------------搜索---------*/

.pz13{  width:100%; background-image:url(../images/ab_bgbg.jpg); background-position:center; background-repeat:no-repeat; background-attachment: fixed; height:auto!important; padding-bottom:30px; overflow:hidden; background-size:cover}

.pz{ width:90%; margin:0 auto; clear:both; padding-top:20px; padding-bottom:20px;}


.pz1{ width:90%; float:right; padding-top:20px;background:#fff;border-radius:5px; margin-top:20px; padding-left:5%; padding-right:5%; padding-bottom:20px; line-height:24px;}
.pz1 h3{ font-size:15px; color:#083e74; font-weight:bold; width:100%; float:left; text-align:center; border-bottom:#e6e6e6 solid 1px; padding-bottom:10px; margin-bottom:20px;}
.pz1 h3 span{font-family:Barlow-Regular; font-weight:normal; text-transform:uppercase; font-size:20px;color:#738faa; line-height:30px; }
.pz1 h3 b{ color:#ea5e00}

.pz1 h5{ width:100%; float:left; font-size:17px; line-height:20px;}

.m1 a{background:#05568b;width:100%; text-align:center; line-height:25px;-webkit-transition:.8s; float:left; margin-top:10px;
-moz-transition:.8s;
-o-transition:.8s; color:#FFFFFF; font-size:12px;border-radius:5px; margin-top:10px;}

.m1 a:hover {cursor:pointer;/* transform属性 */transform:translate(0,0px); background:#ea5e00;-webkit-transition:.8s; color:#FFFFFF!important;
-moz-transition:.8s; clear:both;  
-o-transition:.8s;}



.pz2{ width:100%; float:left; padding-top:10px;}
.pz2 h3{ font-size:15px; color:#fff; font-weight:bold; width:100%; float:left}
.pz2 h3 span{font-family:Barlow-Regular; font-weight:normal; text-transform:uppercase; font-size:20px;}

.pz2 ul{ width:100%; float:left; padding-top:10px;}
.pz2 ul li{}
.pz2 ul li a{ border:#105dad solid 1px; background:#fff; float:left;  width:100%;line-height:30px;font-size:14px; text-align:center; -webkit-transition:.8s;
-moz-transition:.8s;
-o-transition:.8s;color:#bf1b3e!important; border-radius:5px; margin-right:0px;margin-bottom:10px;}

.pz2 ul li a:hover {cursor:pointer;/* transform属性 */transform:translate(0,0px);  border:#fff solid 1px;background:none; -webkit-transition:.8s;
-moz-transition:.8s;
-o-transition:.8s; color:#fff!important;}




.m2 a{background:#f28f2a; width:100%; float:left;line-height:30px; text-align:center; border-radius:5px;color:#fff}


/*indexOffer*/
.indexOffer{width: 100%;padding: 40px 0 40px; background:url(../images/offer_bg.jpg) no-repeat center top fixed; clear:both;   background-size: cover;overflow: visible; }

.indexOffer .box{width: 90%;margin-top: 0px; text-align:center; margin:auto}
.indexOffer .box .left{float: left;width: 100%;}
.indexOffer .box .left .tit{font-size: 20px;color: #ffffff;margin-bottom: 10px;width: 100%; font-weight:bold; letter-spacing:5px;}
.indexOffer .box .left .txt{font-size: 14px;color: #ffffff;float: left;width: 100%;line-height: 24px;margin-right: 0px;width: 100%;


}
/*------------产品---------*/




.news_1{ width: 100%;
    margin: 0 auto;
    background: #fff; padding-bottom:20px
    
}.mt-tabpage {
	width: 100%;
	margin: 0px auto 0 auto;

}
.mt-tabpage-title {
	height:auto;
	font-size: 0;
	width: 100%;
	margin:0 auto;


}
.mt-tabpage-title .mt-tabpage-item {
	display: inline-block;
	width: 100%;
	height:auto;
	line-height:24px;
	text-align: center;
	font-size: 14px; background:#efefef; color:#5d5d5d; margin-right:0px; text-decoration:none
}
.mt-tabpage-title .mt-tabpage-item:hover{
	color: #fff;
}
.mt-tabpage-title .mt-tabpage-item-cur {
	color: #fff;
	font-size: 14px;
 background:#da251c
}
.mt-tabpage-count {
	position: relative;
	width: 100%;
	
	overflow: hidden;
}
.mt-tabpage-cont__wrap {
	 margin-top:0px
}
.mt-tabpage-count .mt-tabpage-item {
	width: 100%;
	
}





/*footer*/

.fl{ float:left}. fr{ float:right}

.mt-tabpage-item { display:flex;justify-content: space-between; flex-wrap: wrap ;}
.mt-tabpage-item .item {
    padding: 2% 1%;
     width: 47%!important;  text-decoration:none; background:#f6f6f6; margin-bottom:1%; 
}.mt-tabpage-item  .item .left {display:none;
}.mt-tabpage-item .item .left .num {
    font-size:18px;font-family: 'beba';line-height: 1;
    margin-bottom:1px; padding-bottom:1px;
    position: relative;
}.mt-tabpage-item .item .left .num:after {
    content: "";
    position: absolute;
    height: 1px;
    width: 45px;
    background: #dddddd;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
}
.mt-tabpage-item .item .left .time {
    font-size: 12px;font-family: 'beba';
}.mt-tabpage-item .item .right .h0 {
    font-size:14px;
    color: #222222;
    line-height: 20px;
    overflow: hidden;
    transition: .5s ease-in-out;
}.mt-tabpage-item  .item .right .p {
    height:auto;
    overflow: hidden;
} .mt-tabpage-item .item .right .p {
    transition: .5s ease-in-out;
    font-size: 14px;
    color: #666666;
    line-height: 26px;
}
.mt-tabpage-item .item .right { width:100%;text-align:left
}.mt-tabpage-item .item:hover {
  background: #0b67a8;
  transition: .5s ease-in-out;
  color: #ffffff; margin-top:0px;
}
.mt-tabpage-item .item:hover .left {
  transition: .5s ease-in-out;
  color: #ffffff;
}
.mt-tabpage-item .item:hover .right .h0 {
  transition: .5s ease-in-out;
  color: #ffffff; text-align:left
}
.mt-tabpage-item .item:hover .right .p {
  transition: .5s ease-in-out;
  color: #def1ff;}
  .f-cb:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    overflow: hidden;
    visibility: hidden;
}
.news_1 h3 span{ background:#333; width:80px; height:1px; position:absolute; margin-top:20px; margin-left:0px; }
.news_1 h3 em{ font-size:14px; font-family:Barlow-Regular; line-height:20px}

.news_1 h3 {
    font-size:16px; padding-bottom:10px;
    color: #333;
    text-align: center;
    font-weight: normal; line-height:20px
}

.pz11{ width:90%; margin:0 auto; padding-top:20px}






.wrap{ width:90%; margin:auto}
.footer .right{display:none; }



/*内页联系我们*/
.clearfix{ clear:both}
.contact_1_3{ width:100%;}
.contact_1_3_left{ height:auto; margin:0px 0px 50px 0px; padding:3%; border:1px #f0f0f0 solid; height:auto; color:#666; box-shadow:0px 10px 10px 0px rgba(0,0,0,.1); width:94%; float:left;}
.contact_1_3_left strong{ color:#bf1b3e; font-size:20px;font-weight:bold;}

.map{display:none; }


/*质量与服务*/






.xiangxi h2{ text-align:center; margin:0 auto; color:#333; font-size:18px; line-height:20px;}
.xiangxi .shijian{ text-align:center; margin:0 auto}

.n2 { width:100%; margin:auto; border-top:#e8e8e8 solid 1px;}
.n2 ul{ width:100%;float:left; padding-top:20px; padding-bottom:30px; }
.n2 li{ width:100%; border-bottom:#e8e8e8 solid 1px; margin-right:0%;  float:left; height:60px;  margin-bottom:10px; padding-bottom:10px;}

.n2_1{ float:left; width:25%; height:60px; margin-right:5%; border-right:#e8e8e8 solid 1px; text-align:center; font-size:14px; color:#bbbbbb; line-height:25px; font-family:Arial, Helvetica, sans-serif;}
.n2_1 h7{ font-size:25px;color:#bbbbbb}

.n2_2{ float:right; width:65%; color:#979797;}
.n2_2 h4{ font-weight:normal; font-size:15px; color:#000; padding-bottom:8px; line-height:24px;}
.n2_2 h4 a{ color:#000;}
.n2_2 h4 a:hover{ color:#422872;}


.m21{display:none; }





/*----内页---*/

.f1{width:100%; float:left; background:url(../images/f1.jpg)  no-repeat top center; height:130px; background-size:150% }
.f2{width:100%; float:left; background:url(../images/f2.jpg) no-repeat top center; height:130px; background-size:150% }
.f3{width:100%; float:left; background:url(../images/f3.jpg) no-repeat top center; height:130px; background-size:150% }
.f4{width:100%;float:left; background:url(../images/f4.jpg) no-repeat top center; height:130px;  background-size:150% }
.f5{width:100%;float:left; background:url(../images/f5.jpg) no-repeat top center; height:130px; background-size:150% }
.f6{width:100%;float:left; background:url(../images/f6.jpg) no-repeat top center; height:130px;  background-size:150% }
.f7{width:100%;float:left; background:url(../images/f7.jpg) no-repeat top center; height:130px; background-size:150% }



.fanhui{ width:100%; margin:0 auto; line-height:30px; margin-top:10px; margin-bottom:0px;}
.fanhui ul li{ float:left; width:33.3%;background:#f2f2f2;padding-left:0%; padding-right:0%; padding-top:10px; padding-bottom:10px; }
.fanhui ul li:nth-child(2n) {background: #19aeae; text-align:center}
.fanhui ul li:nth-child(2n) a{ color:#fff; text-align:center}

.nymain{ width:95%; margin:0 auto; padding-top:0px; padding-bottom:0px;}

.wenzi{ width:100%; float:left;}
.wenzi h4{font-size:20px; color:#10384f; text-transform:uppercase; font-weight:normal; padding-bottom:0px; text-align:center; padding-top:10px;}
.wenzi1{display:none;}




.ab11{ float:left; width:100%; padding-top:0px;}

.ab11 ul{ width:100%}
.ab11 ul li{display:block;float:left; }
.ab11 ul li a{float:left;text-align:center!important;line-height:35px; font-size:15px;  width:100%;}
.ab11 ul li a:hover{   float:left;}



.zz1{  color:#FFFFFF;background:#007fbb; width:49% ; line-height:35px; margin-left:0.2%; margin-right:0.2%; margin-bottom:1px; }
.zz1 a{color:#FFFFFF ; }
.zz2{  color:#343434;background:#e4e4e4; width:49%  ;  line-height:35px; margin-left:0.2%; margin-right:0.2%; margin-bottom:1px; }
.zz2 a{color:#343434 ; }




.ab12{ display:none; }

.neirong{ padding-top:0px; line-height:30px; font-size:16px;}
.neirong11{ padding-top:20px; line-height:30px; font-size:16px; padding-bottom:20px; border:#eeeeee solid 0px; margin-bottom:10px; box-shadow: 0 0 0px #e8e8e8; width:98%; padding-left:2%; padding-right:0%; }
.neirong11 img{  max-width:99%;height:auto!important;}

.neirong11t{ padding-top:30px; line-height:30px; font-size:16px;}



.neirong .zuofu{ width:80%;}
.neirong .youfu{ width:20%}

.contentPage{text-align:center; margin:0px 0px; padding:0px; padding-top:0px;color: #8b8b8b; line-height: 30px; text-decoration: none; clear:both; font-size:14px; }
.contentPage a:link {color: #8b8b8b; text-decoration: none;margin:0px 3px; padding:4px 7px; border: 1px solid #8b8b8b; font-weight: normal;}
.contentPage a:visited {color: #8b8b8b; text-decoration: none;  margin:0px 3px; border: 1px solid #8b8b8b; padding:4px 7px; font-weight: normal;}
.contentPage a:hover {color:#FFF; margin:0px 3px; text-decoration: none; padding:4px 7px; background-color:#8b8b8b;font-weight:normal;}
.contentPage .current{color:#8b8b8b; text-decoration: none;  margin: 0px; border:0px solid #8b8b8b; padding:4px 7px; font-weight: normal;}
.contentPage .zi{  float:none!important;}
.contentPage .zi form{ display:inline;}
.contentPage .zi form input[type="text"]{ border:1px solid #CCC; line-height:18px; width:25px!important;}
.contentPage .zi form input[type="submit"]{ background-color:#CCC; border:0px; line-height:20px; color:#FFF; cursor:pointer;}

.mobile_lianxi{ display:none}




.zzzzz1{ color:#FFFFFF}
.mobile_lianxi{ display:none}


.lp1{  display:none}
.lp2{display:block!important;}

.zzz1{ font-size:17px; color:#000; font-weight:normal; float:left; padding-left:2%; background:#FFF; line-height:50px; }
.zzz111{ padding-left:2%; width:96%; padding-right:2%;  }


.neiyou1{ width:100%; float:left; padding-bottom:20px;}
.neiyou1 h2{ width:100%; float:none; font-size:18px; color:#000000; border-bottom:#3041b4 solid 2px; margin-bottom:10px; padding-bottom:10px;}

.neiyou1 img{ max-width:100%; width:auto; height:auto}


.neiyou{ width:100%; float:left; padding-bottom:20px; padding-top:0px;}
.neiyou h2{ width:100%; float:none; font-size:18px; color:#000000; border-bottom:#3041b4 solid 2px; margin-bottom:10px; padding-bottom:10px;}


.nyp{width:100%!important; height:100px!important; float:left; border:#dbdbdb solid 0px; vertical-align: middle!important;text-align:center!important;
display: table-cell!important;}
.nyp img{ max-width:auto; max-height:100px;}
.nyp1{ width:100%;float:left; }
.nyp3{ width:100%;float:left; padding-top:0px; padding-bottom:0px; }
.mmmm{ width:100%; line-height:30px; background:#fff; text-align:center; color:#5967c3; font-size:14px; float:right; margin-right:0px;}
.mmmm a{color:#5967c3; }




/*内页*/

.nmain{ background:#fff; padding:20px 0 20px; height:auto !important; /*height:400px; min-height:400px;*/ }
.nm-left{ width:100%; float:left; }
.nm-right{ width:100%; float:right;}
.nmenu > ul > li{ line-height:49px; margin-bottom:1px; font-size:14px; color:#555; position:relative;}
.nmenu > ul > li > a{ display:block; padding-left:20px; background:#eaeaea; font-weight:bold; }
.nmenu > ul > li  .ion{ font-size:12px; position:absolute; right:20px; color:#104ab6; }
.nmenu > ul > li > a:hover,.nmenu > ul > li.cur > a{ background:#1f8fe0; color:#fff; }


.nmenu > ul > li.cur ul{ display:block; }
.nmenu li ul{ display:none;}
.nmenu li li{line-height:49px; margin-top:1px;}
.nmenu li li a{ display:block; padding-left:20px; background:#f6f6f6;  }
.nmenu li li .ion{font-size:12px; position:absolute; right:20px; color:#9b9b9b !important;transform:none !important;}
.nmenu li li a:hover,.nmenu li li.cur a{ color:#104ab6;}
.nmenu li li a:hover .ion,.nmenu li li.cur .ion{ color:#104ab6 !important; }



.imglist3 ul li{text-align:center;float:left;display:inline;width:100%;height:auto;border:#f1f1f1 1px solid;margin:10px 0px;overflow:hidden; font-size:14px;}
.imglist3 ul li img{background:#FFFFFF; max-width:100%; max-height:100%;}


.casepic{ width:100%;
height:auto;
vertical-align: middle;
display: table-cell; background:#fff; overflow:hidden;}


/** 简历投递-css **/
.Form-J1 .Form-J1-Left { float: left; width: 50%; }
.Form-J1 .Form-J1-right { float: right; width: 50%; }
.Form-J1 .Form-J1-li { padding-top: 10px; }
.Form-J1 .Form-J1-li label { width: 5em; display: inline-block; color: #666; vertical-align: middle; }
.Form-J1 .Form-J1-li input { height: 28px; line-height: 28px; border: 1px #ddd solid; width: 70%; }
.Form-J1 .Form-J1-li textarea { border: 1px #ddd solid; width: 70%; }
.Form-J1 .Form-J1-li em { color: red; vertical-align: middle; padding-left: 10px; }
.Form-J1 .Form-J1-li input._yzm { width: 20%; }
.Form-J1 .Form-J1-li img { vertical-align: middle; padding-left: 10px; cursor: pointer; }
.Form-J1 .Form-J1-li b { color: #666; font-size: 12px; padding-left: 4px; }
.Form-J1 .Form-J1-li select { border: 1px #ddd solid; width: 70%; padding: 7px 0; }
.Form-J1 .Form-J1-Btn { clear: both; text-align: center; padding-top: 40px; }
.Form-J1 .Form-J1-Btn button { width: 90px; height: 24px; line-height: 24px; text-align: center; color: #fff; cursor: pointer; border:0; font-family:微软雅黑;}
.Form-J1 .Form-J1-Btn ._submit { background: #104ab6; margin-right: 10px; }
.Form-J1 .Form-J1-Btn ._reset { background: #909090; }







.changfang_tu1 { width:95%; margin:auto }
.changfang_tu1 .tutu1{ width:48%; float:left; height:160px; margin-left:0.05% ; margin-right:0.05%  }
.changfang_tu1 .tutu1 span{ width:100%; float:left; line-height:18px; text-align:center; font-size:14px;  color:#1d9999; }
.changfang_tu1 .tutu { width:100%; float:left; height:120px;  position:relative; overflow:hidden; margin-bottom:15px;}
.changfang_tu1 .tutu img { width:100%;  height:100%; top:0px; left:0px; position:absolute; z-index:1; transition:all .4s;}
.changfang_tu1 .tutu p { width:100%; height:100%; line-height:120px; text-align:center; color:#fff; font-size:70px; position: absolute; top:-120px; left:0px; background:rgba(25,174,174,.5); z-index:2; display:none;}
.changfang_tu1 .tutu p a{ color:#fff;}
.changfang_tu1 .tutu:hover p { display:block; top:0px;}
.changfang_tu1 .tutu:hover img { transform:scale(1.1,1.1); }







.ggmain{ width:95%; margin:auto; padding-top:20px; padding-bottom:0px; overflow:hidden}

.xgcp1{ width:100%; margin:auto }
.xgcp1 h6{ background:#137373; line-height:40px; font-size:15px; width:100%; color:#fff; text-align:center; font-weight:normal; margin-top:20px; margin-bottom:20px; }

.nnnn{ width:51100%9px; height:395px; float:left}





.detaildiv
{ width:100%; height:auto;  float:right; border-left:#ededed solid 0px; padding-left:0px; font-size:14px; line-height:24px; padding-top:35px;
}
.detaildiv h3
{ font-size:25px; color:#000000;
    font-weight: bold;
    margin-bottom: 10px;
}
.detaildiv h4
{font-size:15px;     font-weight: bold;
color:#19aeae; margin-bottom: 0px; margin-top:10px;
}


.cbc22{ float:left; width:100%; height:80px;}


.cbc{ color:#000000; text-decoration:underline; float:left; width:100%; font-size:20px; line-height:40px;}
.cbc1{float:left; width:100%;}




.inside_r{ width:88%; float:left; padding-left:3%;}




.more { font-size:14px; border:1px solid #fff; float:left!important;
 color: #fff; width:90px;  text-align: center; line-height:24px;margin-top:10px;transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out; color:#fff; text-align:center !important;
}



.service{ display:none; }

.huibg{ background:#f5f5f6; width:100%; float:left; padding-top:20px; padding-bottom:20px;}
.wd1200{ width:80%; margin:auto; padding:5% 6% 5% 6%; background:#FFFFFF}

.news{ width:100%; padding-top:30px;}
.news h2{ font-size:17px; color:#303030;font-family: Barlow Regular; text-transform:uppercase; font-weight:normal;}
.news  ul { margin-top:10px;}
.news  ul li{ line-height:24px;transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out;-moz-transition:All 0.4s ease-in-out;-o-transition:All 0.4s ease-in-out; padding-bottom:10px;}
.news  ul li span{ padding-right:10px;}
.news  ul li a{ color:#424242; font-size:14px;}
.news  ul li:hover{ transform: translate(0,15px);
-webkit-transform: translate(15px,0px);
-moz-transform: translate(15px,0px);
-o-transform: translate(15px,0px);
-ms-transform: translate(15px,0px);}
.news  ul li:hover a{ color:#d20200}

.about{ width:100%}
.about h2{ font-size:17px; color:#303030;font-family: Barlow Regular; text-transform:uppercase; font-weight:normal; padding-bottom:10px;}

.desc{font-size:14px; margin-top:0px; width:100%; line-height:28px; text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:6;/*显示行数*/ -webkit-box-orient:vertical; overflow:hidden;}




/*footer*/
.footer{width: 100%;padding: 10px 0 10px;clear:both;background-size: cover;overflow: visible; line-height:24px;}

.footer .copyRight{color: #414141;font-size: 14px;line-height:24px;margin:10px 0 5px; text-align:left; border-bottom:solid 1px #e5e5e5; padding-bottom:20px; margin-bottom:10px;}

.footer .copyRight a{color: #414141; display: inline-block;}
.footer .copyRight a:hover{color: #d20200;}
.footer .link{color: #414141;line-height: 16px;}
.footer .link a{color: #414141;}
.footer .link a:hover{color: #d20200;}






.m13 a{background:#bf1b3e; width:45%; line-height:32px; float:left; text-align:center; font-size:13px;
transition:All 0.4s ease-in-out; color:#FFFFFF;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;}


.m13 a:hover{
	transform: translate(0,-5px);
	-webkit-transform: translate(0,-5px);
	-moz-transform: translate(0,-5px);
	-o-transform: translate(0,-5px);
	-ms-transform: translate(0,-5px);}



.m14 a{background:#ea6d11; width:45%; line-height:32px; float:right; color:#FFFFFF; text-align:center;font-size:13px;
transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;}


.m14 a:hover{ 
	transform: translate(0,-5px);
	-webkit-transform: translate(0,-5px);
	-moz-transform: translate(0,-5px);
	-o-transform: translate(0,-5px);
	-ms-transform: translate(0,-5px);}




.m15 a{background:#ea6d11; width:45%; line-height:32px; float:left; color:#FFFFFF; text-align:center; margin-left:10px;font-size:13px;
transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;}


.m15 a:hover{ 
	transform: translate(0,-5px);
	-webkit-transform: translate(0,-5px);
	-moz-transform: translate(0,-5px);
	-o-transform: translate(0,-5px);
	-ms-transform: translate(0,-5px);}


.hl_main5_content2{width:100%; float:left;}
.hl_main5_content2 ul{width:100%; }
.hl_main5_content2 ul li{float:left; display:inline;margin-right:1%; margin-left:1%; border-bottom: #ededed solid 1px; margin-bottom:25px; padding-bottom:20px; text-align:center;}
.hl_main5_content2 ul li h2{ text-transform:uppercase; font-size:18px; color:#414141; font-weight:normal; margin-bottom:5px; padding-top:10px;}
.hl_main5_content2 ul li .vpp{ font-size:14px; color:#959595; line-height:55px; padding-top:10px; padding-bottom:10px; width:100%!important; float:left}

.vpp{ font-size:14px; color:#959595; line-height:55px; padding-top:10px; padding-bottom:10px; width:100%!important; float:left}



.flash{ margin-top:0px;}
.alogo3{display:none}
}